Modelli di accessibilità specifici del framework, insidie comuni e modelli di correzione del codice per React, Next.js, Vue, Angular, Svelte e Tailwind CSS. Da utilizzare durante la generazione di correzioni di accessibilità compatibili con il framework o il controllo di anti-pattern specifici del framework.
Installa rapidamente la skill AI framework-accessibility nel tuo ambiente di sviluppo tramite riga di comando
Fonte: 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 |
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/taylorarndt/a11y-agent-team --skill framework-accessibilityModelli di accessibilità specifici del framework, insidie comuni e modelli di correzione del codice per React, Next.js, Vue, Angular, Svelte e Tailwind CSS. Da utilizzare durante la generazione di correzioni di accessibilità compatibili con il framework o il controllo di anti-pattern specifici del framework. Fonte: taylorarndt/a11y-agent-team.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/taylorarndt/a11y-agent-team --skill framework-accessibility Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/taylorarndt/a11y-agent-team