Accessibility
Tailwind CSS provides utilities for improving the accessibility of your web applications. These classes help ensure your content is accessible to users with disabilities and assistive technologies.
sr-only
Hide content visually but keep it available to screen readers
sr-only
not-sr-only
Undo sr-only, making content visible again
not-sr-only
forced-color-adjust-auto
Allow browser to adjust colors in forced-colors mode
forced-color-adjust-auto
forced-color-adjust-none
Prevent browser from adjusting colors in forced-colors mode
forced-color-adjust-none
Screen Readers Class
Comprehensive guide to screen reader utilities
sr-only, not-sr-only
Forced Color Adjust Class
Guide to forced color adjustment utilities
forced-color-adjust-*
About Accessibility in Tailwind CSS
Accessibility utilities in Tailwind CSS help you create inclusive web experiences. These utilities focus on:
- Screen Reader Support: Control what content is available to assistive technologies
- Forced Colors Mode: Handle high contrast and forced color schemes properly
- Visual Accessibility: Ensure content remains accessible across different viewing conditions
These utilities are essential for creating web applications that comply with accessibility standards like WCAG 2.1.