·framework-accessibility
</>

framework-accessibility

Framework-specific accessibility patterns, common pitfalls, and code fix templates for React, Next.js, Vue, Angular, Svelte, and Tailwind CSS. Use when generating framework-aware accessibility fixes or checking framework-specific anti-patterns.

16Installs·2Trend·@taylorarndt

Installation

$npx skills add https://github.com/taylorarndt/a11y-agent-team --skill framework-accessibility

How to Install framework-accessibility

Quickly install framework-accessibility AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/taylorarndt/a11y-agent-team --skill framework-accessibility
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: taylorarndt/a11y-agent-team.

SKILL.md

View raw

| 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 |

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/taylorarndt/a11y-agent-team --skill framework-accessibility
Category
</>Dev Tools
Verified
First Seen
2026-02-26
Updated
2026-03-10

Browse more skills from taylorarndt/a11y-agent-team

Quick answers

What is framework-accessibility?

Framework-specific accessibility patterns, common pitfalls, and code fix templates for React, Next.js, Vue, Angular, Svelte, and Tailwind CSS. Use when generating framework-aware accessibility fixes or checking framework-specific anti-patterns. Source: taylorarndt/a11y-agent-team.

How do I install framework-accessibility?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/taylorarndt/a11y-agent-team --skill framework-accessibility Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/taylorarndt/a11y-agent-team