accessibility-compliance

Implement WCAG 2.2 compliant accessibility patterns for UI components.

3|1|Updated Feb 3, 2026
One-click install
npx skills add https://github.com/duanbiao2000/obsidianDoc26 --skill accessibility-compliance-duanbiao2000
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility-compliance
Source: https://github.com/duanbiao2000/obsidianDoc26/tree/main/agents-main/plugins/ui-design/skills/accessibility-compliance
Command: npx skills add https://github.com/duanbiao2000/obsidianDoc26 --skill accessibility-compliance-duanbiao2000

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Designers and developers often struggle to create interfaces that are accessible to users with disabilities and comply with WCAG 2.2 standards.

Core Features & Use Cases

  • ARIA patterns and WCAG 2.2 guidance with practical examples for roles, states, and properties.
  • Screen reader and keyboard navigation-focused patterns to ensure inclusive interaction.
  • Use cases include auditing existing UIs, implementing accessible components, and validating accessibility across mobile and web.

Quick Start

Start by auditing a UI for accessibility and generate concrete ARIA implementations for the core components.

Frequently Asked Questions about accessibility-compliance

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I make UI components compliant with WCAG 2.2 accessibility standards?

To make UI components compliant with WCAG 2.2 accessibility standards, apply ARIA roles, states, and properties to ensure screen reader support and keyboard navigation. This involves auditing existing interfaces and implementing inclusive design patterns across web and mobile platforms.

What is the best way to audit an existing interface for screen reader support?

Auditing an interface for screen reader support involves evaluating UI components against WCAG 2.2 requirements and ARIA usage guidelines. You identify missing keyboard navigation patterns and generate concrete ARIA implementations to resolve inclusive design gaps.

Can I use ARIA patterns to fix keyboard navigation issues in mobile apps?

Yes, ARIA patterns can fix keyboard navigation issues in mobile apps by applying mobile accessibility best practices. You implement specific roles and states to ensure inclusive interaction and compliance with WCAG 2.2 requirements across mobile platforms.

When do I need ARIA roles versus native HTML for inclusive design?

You need ARIA roles for inclusive design when native HTML cannot convey the semantic state or property of complex UI components. ARIA usage guidelines dictate applying these patterns to ensure screen reader support and keyboard accessibility where standard elements fall short.

How do I implement accessible patterns during component development and QA?

To implement accessible patterns during component development and QA, validate UI components against WCAG 2.2 standards and keyboard accessibility standards. You apply ARIA patterns and test screen reader interactions to ensure inclusive design across web and mobile environments.