accessibility-compliance

Audit web and mobile UI components for WCAG 2.2 accessibility conformance.

1|Updated Jul 24, 2025
One-click install
npx skills add https://github.com/civictechdc/votecatcher --skill accessibility-compliance-civictechdc
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility-compliance
Source: https://github.com/civictechdc/votecatcher/tree/main/frontend/.agent/skills/accessibility-compliance
Command: npx skills add https://github.com/civictechdc/votecatcher --skill accessibility-compliance-civictechdc

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Helps teams implement accessible interfaces that meet WCAG 2.2 requirements, ensuring inclusive experiences for all users.

Core Features & Use Cases

  • Accessibility auditing and ARIA pattern integration for web and mobile UI components.
  • Focus management, keyboard navigation, and semantic HTML practices to improve screen reader compatibility.
  • Color contrast, language attributes, and reduced motion considerations to meet modern accessibility standards.

Quick Start

Audit a UI component for accessibility conformance.

Frequently Asked Questions about accessibility-compliance

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

FAQPage Schema
How do I audit a UI component for WCAG 2.2 conformance?

WCAG 2.2 conformance auditing checks UI components against semantic HTML structure, keyboard navigation, focus management, color contrast, and ARIA patterns. This identifies screen reader compatibility issues and ensures web and mobile interfaces meet modern accessibility standards.

When do I need ARIA patterns for accessibility compliance?

ARIA patterns are needed for accessibility when standard HTML cannot convey dynamic UI behaviors. They optimize screen reader compatibility by defining roles, states, and properties that semantic HTML alone cannot communicate to assistive technology.

Does this approach support both web and mobile UI accessibility auditing?

Yes, this approach supports both web and mobile UI accessibility auditing. It applies ARIA patterns, optimizes screen reader compatibility, and evaluates focus management and semantic HTML structure across both environments.

What is the best way to manage focus for keyboard navigation in accessible interfaces?

The best way to manage focus for keyboard navigation in accessible interfaces is combining semantic HTML structure with proper ARIA patterns. This ensures logical tab order, visible focus indicators, and effective screen reader compatibility.

How do I handle reduced motion preferences to meet WCAG 2.2 standards?

Handle reduced motion preferences by detecting user settings and disabling or slowing down non-essential animations. This ensures accessible interfaces meet WCAG 2.2 standards by preventing motion-triggered discomfort while maintaining core UI functionality.

Why does my color contrast fail accessibility compliance checks?

Color contrast fails accessibility compliance checks when the visual ratio between text and background falls below WCAG 2.2 thresholds. Resolve this by adjusting color combinations to meet minimum contrast requirements for web and mobile UI components.