Modèles d'accessibilité spécifiques au framework, pièges courants et modèles de correctifs de code pour React, Next.js, Vue, Angular, Svelte et Tailwind CSS. À utiliser lors de la génération de correctifs d'accessibilité compatibles avec le framework ou lors de la vérification des anti-modèles spécifiques au framework.
Installez rapidement le skill IA framework-accessibility dans votre environnement de développement via la ligne de commande
Source : taylorarndt/a11y-agent-team.
| onClick on | Not keyboard accessible | Use or add role="button", tabIndex={0}, onKeyDown | | dangerouslySetInnerHTML | May inject inaccessible content | Audit injected HTML for ARIA, headings, alt text | | React.Fragment as root | May break landmark tree | Ensure fragments don't interrupt landmark nesting |
| Missing key on lists | Can cause focus loss on re-render | Use stable keys (not array index) for interactive lists | | Portal without focus trap | Focus can escape to background | Wrap portal content in FocusTrap component | | useEffect focus management | Focus may not fire on mount | Use useRef + useEffect with proper dependency array |
| v-html with user content | May inject inaccessible markup | Sanitize and audit injected HTML | | v-if on live regions | Removes element from DOM, breaks announcements | Use v-show for live regions instead | | without focus | Focus lost when content transitions | Manage focus in @after-enter hook |
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/taylorarndt/a11y-agent-team --skill framework-accessibilityModèles d'accessibilité spécifiques au framework, pièges courants et modèles de correctifs de code pour React, Next.js, Vue, Angular, Svelte et Tailwind CSS. À utiliser lors de la génération de correctifs d'accessibilité compatibles avec le framework ou lors de la vérification des anti-modèles spécifiques au framework. Source : taylorarndt/a11y-agent-team.
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/taylorarndt/a11y-agent-team --skill framework-accessibility Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw
https://github.com/taylorarndt/a11y-agent-team