Implements inclusive design principles and WCAG compliance for interactive web interfaces and components.
The UX Accessibility skill provides Claude with comprehensive guidance for creating inclusive, accessible user interfaces. It focuses on critical areas such as keyboard navigation, focus management, screen reader support through semantic HTML and ARIA, and color contrast validation. By using this skill, developers can ensure their UI components—like modals, forms, and navigation menus—meet WCAG AA/AAA standards, improving the experience for users with disabilities while simultaneously boosting SEO and legal compliance.
Características Principales
01Focus trapping logic for modals and dialog components
02Dynamic live region management for real-time content updates
03WCAG-compliant color contrast validation for UI text and buttons
040 GitHub stars
05Keyboard navigation implementation for interactive elements
06Semantic HTML and ARIA attribute optimization for screen readers
Casos de Uso
01Optimizing forms with proper labels, error associations, and fieldsets
02Building accessible complex UI components like accessible modals and dropdowns
03Auditing existing web interfaces for WCAG compliance and keyboard usability
