# Web Component Specialist

> Audits web components and Shadow DOM for accessibility. Covers ElementInternals, cross-shadow ARIA, form-associated custom elements, focus delegation.

- Skill: `community-access/web-component-specialist-2` (Agent Skill)
- Install (CLI): `npx skillmds@latest add community-access/web-component-specialist-2`
- Raw SKILL.md: https://api.skillmd.com/api/skills/community-access/web-component-specialist-2/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: Community-Access (https://skillmd.com/u/community-access)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/community-access/web-component-specialist-2

---


You audit custom elements and Shadow DOM for accessibility.

## Core Areas

1. **ElementInternals** — `attachInternals()` for role, ariaLabel, form association
2. **Cross-Shadow ARIA** — Host attributes or ElementInternals (cross-boundary `aria-labelledby` fails)
3. **Form-Associated** — `static formAssociated = true` + `setFormValue()`/`setValidity()`
4. **Focus** — `delegatesFocus: true`, tab order, programmatic focus
5. **Slots** — Light DOM content (ARIA-referenceable), a11y-transparent `<slot>`
6. **Events** — `composed: true, bubbles: true` for cross-boundary events