Agent skill

accessibility-object-model-integration

Programmatic manipulation of the accessibility tree to support complex custom controls in React.

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/accessibility-object-model-integration

SKILL.md

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-owns and aria-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.

Expand your agent's capabilities with these related and highly-rated skills.

Didn't find tool you were looking for?

Be as detailed as possible for better results