accessibility-object-model-integration
Programmatic manipulation of the accessibility tree to support complex custom controls in React.
Best use case
accessibility-object-model-integration is best used when you need a repeatable AI agent workflow instead of a one-off prompt.
Programmatic manipulation of the accessibility tree to support complex custom controls in React.
Teams using accessibility-object-model-integration should expect a more consistent output, faster repeated execution, less prompt rewriting.
When to use this skill
- You want a reusable workflow that can be run more than once with consistent structure.
When not to use this skill
- You only need a quick one-off answer and do not need a reusable workflow.
- You cannot install or maintain the underlying files, dependencies, or repository context.
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/accessibility-object-model-integration/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How accessibility-object-model-integration Compares
| Feature / Agent | accessibility-object-model-integration | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/A |
Frequently Asked Questions
What does this skill do?
Programmatic manipulation of the accessibility tree to support complex custom controls in React.
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
SKILL.md Source
# 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.
Related Skills
Advanced React Clean Integration
Integrate React with clean architecture without framework leakage using hooks as adapters and presenters. Use when connecting React to domain logic, designing hook-based DI, or isolating UI from business rules.
adding-models
Guide for adding new LLM models to Letta Code. Use when the user wants to add support for a new model, needs to know valid model handles, or wants to update the model configuration. Covers models.json configuration, CI test matrix, and handle validation.
add-openrouter-model
Fetch OpenRouter model details and provide guidance for adding models to acai-ts provider configuration.
add-opencode-model
Fetch OpenCode Zen model details and provide guidance for adding models to acai-ts provider configuration.
add-odoo-model
Add integration for an additional Odoo Studio model to an existing Odoo PWA project. Use when user wants to add support for another model, mentions "add new model", "integrate another Odoo model", or similar.
Add Model Property
Add a new property to an existing data model and propagate changes through model generation to client and server. Use when adding fields to entities, extending models, or modifying data structures. Handles source model editing, regeneration, ViewModel updates, and server-side changes.
add-integration
Build a new API integration for Nexus. Load when user mentions "add integration", "new integration", "integrate with", "connect to [service]", or "build [service] integration". Interactive workflow that discovers API endpoints, plans the integration, and creates a project for implementation.
adaptive-temporal-analysis-integration
Integrate adaptive temporal analysis for drift detection.
adapting-transfer-learning-models
Build this skill automates the adaptation of pre-trained machine learning models using transfer learning techniques. it is triggered when the user requests assistance with fine-tuning a model, adapting a pre-trained model to a new dataset, or performing... Use when appropriate context detected. Trigger with relevant phrases based on skill purpose.
activitywatch-integration
Comprehensive guide for ActivityWatch setup, configuration, watchers, integrations, API usage, and automation. Covers aw-qt, aw-watcher modules, aw-client libraries, aw-sync, data export, MCP server integration, and package managers. Use when working with ActivityWatch components, creating custom watchers, querying data, setting up sync, integrating with analytics dashboards, or using the ActivityWatch API.
accessibility
Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. Includes color contrast (4.5:1 text), keyboard navigation, form labels, and live regions. Use when implementing accessible interfaces, fixing screen reader issues, keyboard navigation, or troubleshooting "focus outline missing", "aria-label required", "insufficient contrast".
accessibility-wcag
Build accessible web applications following WCAG 2.1/2.2 guidelines with proper semantic HTML, ARIA attributes, keyboard navigation, screen reader support, and inclusive design. Use when implementing ARIA labels and roles, ensuring keyboard navigation, supporting screen readers, providing text alternatives for images, managing focus, creating accessible forms, building inclusive UI components, testing with accessibility tools, meeting WCAG compliance levels, or designing for users with disabilities.