Patrones de accesibilidad específicos del marco, errores comunes y plantillas de corrección de código para React, Next.js, Vue, Angular, Svelte y Tailwind CSS. Úselo al generar correcciones de accesibilidad compatibles con el marco o verificar antipatrones específicos del marco.
Instala rápidamente el skill de IA framework-accessibility en tu entorno de desarrollo mediante línea de comandos
Fuente: 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 |
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/taylorarndt/a11y-agent-team --skill framework-accessibilityPatrones de accesibilidad específicos del marco, errores comunes y plantillas de corrección de código para React, Next.js, Vue, Angular, Svelte y Tailwind CSS. Úselo al generar correcciones de accesibilidad compatibles con el marco o verificar antipatrones específicos del marco. Fuente: taylorarndt/a11y-agent-team.
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/taylorarndt/a11y-agent-team --skill framework-accessibility Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw
https://github.com/taylorarndt/a11y-agent-team