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.

Créez des interfaces utilisateur accessibles à l'aide du HTML sémantique, des attributs ARIA appropriés, de la navigation au clavier, du contraste des couleurs et de la compatibilité avec les lecteurs d'écran. Utilisez cette compétence lors de la création ou de la modification de composants frontend, de modèles HTML, de composants React/Vue/Svelte, de formulaires, d'éléments interactifs, de menus de navigation, de modaux ou de tout élément d'interface utilisateur. Appliquer lorsque vous travaillez avec des fichiers HTML, des composants JSX/TSX, des fichiers modèles, pour garantir l'accessibilité du clavier, implémenter la gestion du focus, ajouter du texte alternatif aux images, créer des étiquettes de formulaire, tester avec des lecteurs d'écran, gérer les attributs ARIA, maintenir les rapports de contraste des couleurs ou créer des hiérarchies de titres. À utiliser pour toute tâche impliquant la conformité à l’accessibilité de l’interface utilisateur, les normes WCAG ou les modèles de conception inclusifs. Source : maxritter/claude-codepro.

Voir l'original