Accessibility Object Model Integration
- 1 installs
- 534 repo stars
- Updated August 4, 2026
- majiayu000/claude-skill-registry
Programmatically manipulates the accessibility tree in React to support complex custom controls, live regions, and focus management for composite widgets.
About
Covers Accessibility Object Model manipulation in React for complex custom controls, including live regions, focus management, and aria-owns/aria-controls relationships. A developer uses it when building accessible composite widgets with dynamic content.
- ARIA live regions and focus management for composite widgets
- aria-owns/aria-controls semantic relationship mapping
Accessibility Object Model Integration by the numbers
- 1 all-time installs (skills.sh)
- Ranked #1,914 of 2,245 Frontend Development skills by installs in the Skillselion catalog
- Data as of Aug 5, 2026 (Skillselion catalog sync)
npx skills add https://github.com/majiayu000/claude-skill-registry --skill accessibility-object-model-integrationAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 1 |
|---|---|
| repo stars | ★ 534 |
| Last updated | August 4, 2026 |
| Repository | majiayu000/claude-skill-registry ↗ |
What it does
Programmatically manipulates the accessibility tree in React to support complex custom controls, live regions, and focus management for composite widgets.
Files
Accessibility Object Model (AOM) Integration
Summary
Programmatic manipulation of the accessibility tree to support complex custom controls in React.
Key Capabilities
- Manage ARIA live regions for dynamic content updates.
- Implement focus management for complex composite widgets.
- Map semantic relationships using
aria-ownsandaria-controls.
PhD-Level Challenges
- Verify AOM state consistency with the visual DOM.
- Handle accessibility announcements during concurrent updates.
- Test screen reader compatibility across disjoint DOM structures.
Acceptance Criteria
- Pass WCAG 2.1 AA audits for complex widgets.
- Demonstrate correct screen reader announcements for async loads.
- Provide keyboard navigation flow diagrams.
Related skills
Vercel React Best PracticesAutomatically apply Vercel’s official React and Next.js performance rules during code generation and review.587k29.6kVercel Composition PatternsGenerate and refactor React components that stay maintainable as complexity grows without boolean prop explosion.267k29.6k
ShadcnAdd, compose, search, fix, and style production-grade React components directly from source without leaving their editor.257k120k
Develop UserscriptsCorrectly write, debug, and package userscripts for Tampermonkey and ScriptCat with proper metadata, GM APIs, and runtime decisions.224k72
Minimalist UiGenerate clean, editorial-style web interfaces with warm monochrome palettes, typographic hierarchy, bento grids and flat components that feel premium and utilita212k69.4kImage To CodeConvert high-fidelity design images into production-ready, visually accurate frontend code that avoids generic AI design pitfalls.177k69.4k