Build WCAG 2.1 AA compliant web interfaces using semantic HTML, robust ARIA patterns, and accessible focus management.
The accessibility skill provides a comprehensive framework for developing inclusive web applications that meet WCAG 2.1 Level AA standards. It guides developers through the implementation of semantic HTML foundations, correct ARIA roles, and logical focus management to ensure websites are fully navigable via keyboard and screen readers. By integrating best practices for color contrast, form labeling, and dynamic content announcements, this skill helps eliminate common barriers and ensures production-ready code that is accessible to all users.
Características Principales
01WCAG 2.1 AA color contrast and typography guidelines
02Semantic HTML element selection and decision trees
03Standardized ARIA patterns for custom UI components
04Comprehensive keyboard navigation and focus trap implementation
05Accessible form validation and live region error handling
060 GitHub stars
Casos de Uso
01Auditing and fixing common screen reader issues such as missing labels or incorrect roles
02Remediating existing websites to meet legal accessibility requirements and standards
03Building complex custom components like modals and dropdowns with full keyboard support