Esta habilidad codifica las reglas de accesibilidad y UX front-end centradas en los requisitos de contraste e interacción de WCAG 2.1 AA. Especifica estánd…
Esta habilidad codifica las reglas de accesibilidad y UX front-end centradas en los requisitos de contraste e interacción de WCAG 2.1 AA. Especifica estándares medibles: 4.5:1 mínimo para el texto principal, 3:1 para texto grande, componentes de la UI, iconos e indicadores de foco; además de tamaños mínimos de objetivo táctil (44×44px) y un espaciado de 8px. Impone estados de foco visibles, prohíbe eliminar outlines sin un reemplazo y exige un orden de tabulación lógico (evitar tabindex > 0). Las directrices de formularios requieren etiquetas explícitas, aria-describedby para mensajes de error, un comportamiento de envío sensato y el uso de autocomplete. También promueve HTML semántico frente a ARIA innecesaria. Utiliza esta habilidad en revisiones de diseño, desarrollo de bibliotecas de componentes, auditorías de accesibilidad y revisiones de código para mejorar la legibilidad, la usabilidad por teclado y táctil, la compatibilidad con tecnologías de asistencia, reducir regresiones de accesibilidad y disminuir el riesgo legal/de cumplimiento.
Esta página forma parte del hub OpenClaw Skills con guías de instalación, categorías y enlaces prácticos.