Section 1: Perceivable
The "Perceivable" principle ensures that web content is presented in ways that users can perceive through their senses. This involves providing alternatives for non-text content, ensuring media accessibility, and improving adaptability for all users.
1.1 Text Alternatives
Provide text alternatives for non-text content to make it accessible to screen readers and assistive technologies.
- Example: Images should include descriptive
alttext. - Example: Complex graphics should have accompanying explanations or data tables.
1.2 Time-Based Media
Ensure audio and video content includes captions, transcripts, and audio descriptions.
- Example: Provide synchronized captions for a video with dialogue.
- Example: Offer audio descriptions for visual-only content, such as silent films.
1.3 Adaptable Content
Structure content to ensure it can be presented in different ways without losing meaning.
- Example: Use proper headings, lists, and semantic markup to improve compatibility with assistive technologies.
1.4 Distinguishable
Make it easier for users to see and hear content, ensuring sufficient contrast and visual clarity.
- Example: Ensure text and background colors have a contrast ratio of at least 4.5:1.
- Example: Provide controls to pause or stop audio that auto-plays.