Implements WCAG 2.2 compliant accessibility patterns and ARIA support using Tailwind CSS utility classes.
This skill provides comprehensive guidance for building inclusive web interfaces using Tailwind CSS, focusing on the latest WCAG 2.2 standards. It assists developers in implementing robust focus management, screen reader-friendly content, high-contrast color schemes, and motion-sensitive animations. By providing standardized patterns for complex components like focus traps, accessible modals, and dynamic forms, it ensures that your Tailwind projects are accessible to all users without sacrificing the speed of a utility-first workflow.
主要功能
01Motion-aware styling using reduced-motion variants for accessible animations.
02Advanced focus management for modals, skip links, and interactive containers.
037 GitHub stars
04WCAG 2.2 compliance patterns including target sizes and focus appearance requirements.
05Accessible form patterns with integrated ARIA validation states and error handling.
06Screen reader optimization using sr-only utilities and ARIA live regions for dynamic content.
使用场景
01Auditing and refactoring existing Tailwind projects to meet modern accessibility standards.
02Building complex, keyboard-navigable UI components like tabs, dropdowns, and dialogs.
03Implementing inclusive design systems that support high-contrast and motion-sensitive user preferences.
