OpenSkillIndex← back to search
claude-codedevelopment

Claude-skill-registry accessibility-object-model-integration

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

install
source · Clone the upstream repo
git clone https://github.com/majiayu000/claude-skill-registry
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/data/accessibility-object-model-integration" ~/.claude/skills/majiayu000-claude-skill-registry-accessibility-object-model-integration && rm -rf "$T"
manifest: skills/data/accessibility-object-model-integration/SKILL.md
tags
#accessibility-tree#react-a11y#aria-implementation#screen-reader#semantic-relationships#focus-management
source content

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.