# Accessibility Object Model Integration

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

- Skill: `diegosouzapw/accessibility-object-model-integration` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add diegosouzapw/accessibility-object-model-integration`
- Raw SKILL.md: https://api.skillmd.com/api/skills/diegosouzapw/accessibility-object-model-integration/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: diegosouzapw (https://skillmd.com/u/diegosouzapw)
- Updated: 2026-09-08
- Page: https://skillmd.com/skills/diegosouzapw/accessibility-object-model-integration

---


# 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.