Does this skill support the latest WCAG standards?

Yes, it includes comprehensive patterns and checklists specifically designed for WCAG 2.2 AA compliance, covering the latest criteria for target size and focus appearance.

Does it cover cognitive accessibility?

Yes, it includes dedicated rules for cognitive inclusion, offering patterns to support users with ADHD, autism, and dyslexia through content chunking and preference management.

How does it detect accessibility issues?

The skill utilizes static anti-pattern detection to find 'grep-able' issues in code and provides integration patterns for automated testing tools like axe-core and Playwright.

Can it help with React-specific accessibility?

Absolutely. It provides specialized implementation patterns for Adobe's React Aria hooks and React Stately, ensuring complex interactive widgets remain fully accessible.

Web Accessibility & WCAG Compliance

Name: Web Accessibility & WCAG Compliance
Author: yonatangross

byyonatangross

•

116

•

Design Tools

Implements WCAG 2.2 compliant patterns and accessible UI components using React Aria and native HTML-first principles.

The Accessibility skill transforms Claude into a specialized A11y consultant, providing production-ready patterns for achieving WCAG 2.2 AA compliance. It offers comprehensive guidance on keyboard focus management, React Aria component implementation, and cognitive inclusion strategies. This skill is indispensable for developers building inclusive web applications that require robust screen reader support, complex focus traps, and adherence to user preferences such as reduced motion or high-contrast modes.

Key Features

01WCAG 2.2 AA compliance auditing and implementation patterns

02React Aria and React Stately accessible component hooks

03Static anti-pattern detection for rapid accessibility code reviews

04Support for cognitive inclusion and user preference honoring

05116 GitHub stars

06Advanced keyboard focus management including traps and restoration

Use Cases

01Auditing frontend codebases for WCAG 2.2 AA accessibility violations

02Implementing system-wide keyboard navigation and focus management for SPAs

03Building complex interactive UI components like modals and comboboxes that work with screen readers

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add yonatangross/orchestkit accessibility

For use in Claude.ai and ChatGPT

Download Skill