Does this skill support the latest WCAG 2.2 standards?

Yes, it specifically includes criteria for WCAG 2.2 AA, covering newer requirements such as target size and focus appearance.

Will this skill help with screen reader optimization?

Yes, it provides patterns for ARIA labels, live regions, and semantic HTML to ensure full compatibility with assistive technologies.

Can I use this skill for ADA and Section 508 compliance?

Absolutely. WCAG 2.2 AA is the primary technical standard used to meet legal requirements for ADA and Section 508 in web development.

Does it provide code examples for specific frameworks?

The skill includes implementation patterns for semantic HTML and CSS, as well as React-specific accessibility patterns for modern web apps.

WCAG Accessibility Compliance

Name: WCAG Accessibility Compliance
Author: yonatangross

byyonatangross

•

设计工具

Implements WCAG 2.2 AA accessibility patterns and audits web applications for inclusive design and legal compliance.

This skill provides a comprehensive framework for building and auditing web applications to ensure they meet WCAG 2.2 AA standards, ADA, and Section 508 requirements. It equips Claude with specialized knowledge for implementing semantic HTML structures, managing complex focus states, ensuring proper color contrast ratios, and applying ARIA attributes correctly. By using this skill, developers can automate the identification of accessibility anti-patterns and follow industry-standard best practices for creating inclusive user experiences that work seamlessly with assistive technologies like screen readers.

主要功能

01Advanced ARIA state and role management for dynamic components

02Color contrast checking and visual accessibility remediation

0369 GitHub stars

04Keyboard navigation logic and modal focus trapping

05WCAG 2.2 AA compliance auditing and implementation patterns

06Semantic HTML5 landmark and heading structure enforcement

使用场景

01Remediating existing web applications to meet legal accessibility requirements like ADA and Section 508

02Building inclusive UI component libraries with built-in screen reader support

03Performing accessibility audits on React or HTML-based web projects during development

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