How does it handle focus management for modals?

It provides implementation patterns for focus trapping, ensuring that keyboard users don't 'leak' focus to the background content when a dialog is open.

Does this skill support the latest WCAG standards?

Yes, it specifically focuses on WCAG 2.2 AA requirements, covering the most recent updates for focus visibility, dragging movements, and target sizes.

Can it help fix issues found by tools like axe-core?

Absolutely. This skill is designed to take audit results and provide the specific code changes—such as adding ARIA labels or fixing color contrast—needed to resolve violations.

Is it limited to React or standard HTML?

The patterns are based on universal accessibility principles. While it provides specific examples for React (JSX), the logic applies to any modern web framework or vanilla HTML/CSS.

WCAG 2.2 Accessibility Compliance

Name: WCAG 2.2 Accessibility Compliance
Author: yonatangross

byyonatangross

•

Herramientas de Diseño

Implements and audits web accessibility standards to ensure inclusive, legally compliant user interfaces.

This skill provides Claude with specialized knowledge to build, audit, and remediate web applications according to WCAG 2.2 AA standards. It enables the creation of semantic HTML structures, sophisticated ARIA implementations, and robust keyboard navigation while ensuring color contrast and target sizes meet legal requirements like ADA and Section 508. By preventing common accessibility anti-patterns such as keyboard traps and non-semantic layouts, it helps developers deliver high-quality, inclusive experiences for users relying on assistive technologies.

Características Principales

01Comprehensive WCAG 2.2 AA checklist and auditing guidance

02Implementation of semantic HTML5 landmarks and heading hierarchies

03Advanced ARIA state and role management for dynamic components

0473 GitHub stars

05Visual accessibility patterns for color contrast and target sizing

06Keyboard focus management, including modal trapping and skip links

Casos de Uso

01Auditing existing web applications for ADA and Section 508 compliance

02Building accessible custom UI widgets like modals, tabs, and menus

03Refactoring legacy code to fix accessibility issues identified by automated scanners

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add yonatangross/orchestkit wcag-compliance

For use in Claude.ai and ChatGPT

Download Skill