WCAG (Level A) SC 1.1.1 Non-text Content (W3.org)
Issue description
WCAG 1.1.1, “Non-text Content” requires that all non-text content, such as images, videos, and audio, must have accessible text alternatives that serve an equivalent purpose. This is crucial to ensure that users who are unable to perceive the non-text content, due to visual impairments, hearing difficulties, or other disabilities, can still understand its meaning and functionality.
- Images: Should have descriptive alt text that conveys the content and purpose of the image.
- Videos: Should have synchronized captions to provide a textual representation of the audio track, including dialogue and sound effects. A full transcript can also be beneficial.
- Audio: Should have a transcript that accurately captures the spoken content, including any relevant non-verbal sounds.
By providing these text alternatives, content becomes accessible to a wider audience, including those who rely on assistive technologies like screen readers.
Related requirements
The following WCAG source criteria are often related to this as well. They can provide additional insights into specific challenges you may be encountering.
- WCAG (Level AA) SC 1.4.5 Images of Text
- WCAG (Level AAA) SC 1.4.9 Images of Text (No Exception)
- WCAG (Level A) SC 1.2.2 Captions (Prerecorded)
- WCAG (Level A) SC 1.2.1 Audio-only and Video-only (Prerecorded)
Who this issue impacts
Follow the links for additional information on user impairments:
Suggestions for remediation
To remediate WCAG 1.1.1, “Non-text Content”, ensure that all non-text content has appropriate text alternatives:
- Images: Provide concise and descriptive alt text that conveys the meaning and purpose of the image. For decorative images, use null (empty) alt text (
alt="") so screen readers can skip them. - Videos: Include synchronized captions that accurately represent the audio content, including dialogue and sound effects. Consider providing a full transcript for additional accessibility. If the video contains crucial visual information not conveyed through audio, provide audio descriptions.
- Audio: Create a transcript that captures the spoken content, including any relevant non-verbal sounds.
- Complex Images (charts, graphs, etc.): Provide a detailed text description that summarizes the key information conveyed in the image. Consider using tables or accessible data visualization techniques. See WCAG (Level AAA) SC 1.4.9 Images of Text (No Exception) documentation.
Remember: Text alternatives should be equivalent in presenting the information and functionality of the non-text content. Regularly review and update text alternatives as needed to ensure they remain accurate and relevant.
