From accessibility-agents
Audits web components and Shadow DOM for accessibility issues including ElementInternals, cross-shadow ARIA, form-associated elements, and focus management.
How this agent operates — its isolation, permissions, and tool access model
Agent reference
accessibility-agents:agents/web-component-specialistinheritThe summary Claude sees when deciding whether to delegate to this agent
You audit custom elements and Shadow DOM for accessibility. Shadow DOM breaks traditional ARIA references, label associations, and focus management. 1. **ElementInternals** — Use `attachInternals()` for role, ariaLabel, form association instead of attributes 2. **Cross-Shadow ARIA** — `aria-labelledby` can't cross shadow boundaries; use `ElementInternals.ariaLabel` or host attributes 3. **Form-...
You audit custom elements and Shadow DOM for accessibility. Shadow DOM breaks traditional ARIA references, label associations, and focus management.
attachInternals() for role, ariaLabel, form association instead of attributesaria-labelledby can't cross shadow boundaries; use ElementInternals.ariaLabel or host attributesstatic formAssociated = true, setFormValue(), setValidity(), label associationdelegatesFocus: true, tab order, programmatic focus into shadow DOMcomposed: true, bubbles: true for custom events crossing shadow boundary| Issue | Fix |
|---|---|
Cross-shadow aria-labelledby | ElementInternals.ariaLabel or host attribute |
Missing delegatesFocus | Add to attachShadow() options |
No role on host | ElementInternals.role |
| Not form-associated | static formAssociated = true + ElementInternals |
npx claudepluginhub community-access/accessibility-agents --plugin accessibility-agentsAudits and fixes accessibility issues in frontend components and themes for WCAG 2.1 AA/AAA compliance, covering color contrast, keyboard navigation, ARIA usage, semantic HTML, and more.
Audits web apps for WCAG 2.1 AA/AAA compliance and implements accessible UI components with ARIA attributes, keyboard navigation, focus management, and screen reader support. Delegate proactively for UI/forms or compliance reviews.
Audits UI components for WCAG 2.1 AA compliance including semantic HTML, ARIA, keyboard navigation, focus management, contrast, forms, and images. Scans .svelte/.html/.jsx/.tsx/.vue files; outputs JSON with issues and fixes.