WCAG 1.1.1 Non-text Content (Level A)

This page demonstrates how to properly handle non-text content to ensure accessibility.

Goal: Non-text information is available to more people.
What to do: Create a text alternative for visual and auditory content.
Why it's important: People who can’t fully see or hear content can understand it.

Informative Images

Good Example: Image with descriptive alt text that conveys the meaning.

Image by Ludovic from Pixabay

Bad Example: Image missing meaningful alt text.

This is an example of decorative content that doesn't need description:

Good Example: Decorative element with empty alt attribute.

Chart Accessibility example

Good Example: Icon button with descriptive text.

Bad Example: Icon-only button without accessible name.

Enter the text shown above:

Can't see the image? Listen to audio version or Get help

Good Example: CAPTCHA with alternative methods.