Accessibility & Inclusive Design
Implements WCAG 2.2 AA compliant interfaces and inclusive design patterns to ensure software is usable by all people.
This skill empowers Claude to build production-ready, accessible user interfaces by adhering to the WCAG 2.2 POUR principles (Perceivable, Operable, Understandable, Robust). It provides specific guidance on color contrast ratios, keyboard navigation logic, ARIA attribute implementation, and screen reader optimization. Whether you are building from scratch or auditing an existing codebase, this skill ensures that accessibility is treated as a core design quality indicator rather than an optional feature, helping products reach a global audience and meet legal compliance standards.
Key Features
01Automated color contrast validation for text and non-text elements
02Touch target and cognitive accessibility design patterns
03Screen reader optimization via semantic HTML and ARIA attributes
04Comprehensive keyboard navigation and focus indicator management
05WCAG 2.2 AA compliance auditing and implementation guidance
069 GitHub stars
Use Cases
01Implementing complex keyboard-accessible widgets like modals, tabs, and dropdowns
02Designing high-contrast, color-blind friendly dashboards and data visualizations
03Auditing existing frontend code for accessibility violations and anti-patterns