standards-accessibility

SKILL.md

Core Rule: Build accessible interfaces that work for all users, including those using assistive technologies.

This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it should handle frontend accessibility.

Use native HTML elements that convey meaning to assistive technologies.

Cree interfaces de usuario accesibles utilizando HTML semántico, atributos ARIA adecuados, navegación por teclado, contraste de color y compatibilidad con lectores de pantalla. Utilice esta habilidad al crear o modificar componentes de interfaz, plantillas HTML, componentes de React/Vue/Svelte, formularios, elementos interactivos, menús de navegación, modales o cualquier elemento de la interfaz de usuario. Aplíquelo cuando trabaje con archivos HTML, componentes JSX/TSX, archivos de plantilla, garantice la accesibilidad del teclado, implemente la administración del enfoque, agregue texto alternativo a las imágenes, cree etiquetas de formulario, realice pruebas con lectores de pantalla, administre atributos ARIA, mantenga relaciones de contraste de color o cree jerarquías de encabezados. Úselo para cualquier tarea que implique el cumplimiento de la accesibilidad de la interfaz de usuario, los estándares WCAG o patrones de diseño inclusivos. Fuente: maxritter/claude-codepro.

Ver original