R

RatedWithAI

WCAG guidance

Scan your site

WCAG 2.1

1.1.1 Non-text Content

Level A success criterion

Provide text alternatives for images, icons, charts, and other non-text elements so assistive technologies can interpret them.

Why it matters

Screen readers rely on text alternatives to convey meaning. Without them, critical information is hidden from blind or low-vision users.

Common violations

  • Images missing descriptive alt text
  • Icon-only buttons without accessible labels
  • Charts or infographics without text summaries

Code examples

Bad

<img src="hero.jpg">

Good

<img src="hero.jpg" alt="Woman using a laptop on a sofa">

How to fix

Add meaningful alt text to informative images, use aria-label for icon buttons, and provide adjacent text summaries for charts.

Related criteria

Related resources

Scan your site

Check your WCAG coverage in minutes

Start a free scan