Does this skill support the latest WCAG standards?

Yes, it specifically focuses on WCAG 2.2 requirements, including the latest criteria for target sizes and pointer gestures.

Can I use this for accessibility auditing?

Yes, the skill includes comprehensive checklists and guidance for conducting both manual and automated accessibility audits to identify common violations.

Can it help with mobile-specific accessibility?

Absolutely, it includes patterns for touch target sizing (44x44px) and compatibility with mobile screen readers like iOS VoiceOver and Android TalkBack.

How does it handle complex UI components like modals?

It provides robust patterns for focus trapping, keyboard event handling (such as using the Escape key to close), and appropriate ARIA dialog roles.

Accessibility Compliance

Name: Accessibility Compliance
Author: duanbiao2000

byduanbiao2000

0•

Design Tools

Implements WCAG 2.2 compliant interfaces with mobile accessibility, ARIA patterns, and assistive technology support.

This skill empowers developers to build and audit inclusive digital experiences by strictly adhering to WCAG 2.2 standards. It provides comprehensive patterns for ARIA roles, keyboard navigation, focus management, and screen reader support, ensuring that applications are perceivable, operable, and robust for users with disabilities. Whether you're building accessible forms, complex modal dialogs, or mobile-first touch interfaces, this skill provides the necessary patterns and checklists to meet Level AA and AAA compliance and improve overall usability.

Key Features

010 GitHub stars

02ARIA pattern implementation for complex UI components

03Keyboard navigation and focus trapping management

04WCAG 2.2 Level AA and AAA compliance checklists

05Mobile-specific accessibility for iOS VoiceOver and Android TalkBack

06Screen reader optimization using semantic HTML and live regions

Use Cases

01Auditing existing web interfaces for accessibility violations and fixing them

02Building accessible React components like modals, buttons, and forms

03Implementing skip-to-content links and logical tab sequences for keyboard users

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add duanbiao2000/obsidiandoc26 accessibility-compliance

For use in Claude.ai and ChatGPT

Download Skill