WCAG 1.1.1 Level A Perceivable

1.1.1 Non-text Content

All non-text content (images, icons, charts, buttons) has a text alternative that conveys its purpose.

What 1.1.1 Non-text Content means

Screen-reader users get the same information from an image or icon that sighted users get visually. Decorative images are hidden from assistive technology.

How to test

Check every <img> has a meaningful alt attribute; decorative images use alt=""; icon buttons have accessible names; charts have text summaries.

How to meet it

Write concise, descriptive alt text; use alt="" for purely decorative images; give icon-only controls an aria-label; provide data tables or summaries for complex graphics.

Need help meeting 1.1.1?

Our IAAP-certified team audits your website and apps against every WCAG 2.2 criterion and delivers code-level remediation.

Request an Audit

Official reference: Understanding 1.1.1 Non-text Content (W3C)

More Perceivable criteria

1.2.1 Audio-only and Video-only (Prerecorded) 1.2.2 Captions (Prerecorded) 1.2.3 Audio Description or Media Alternative (Prerecorded) 1.2.4 Captions (Live) 1.2.5 Audio Description (Prerecorded) 1.3.1 Info and Relationships 1.3.2 Meaningful Sequence 1.3.3 Sensory Characteristics 1.3.4 Orientation 1.3.5 Identify Input Purpose 1.4.1 Use of Color 1.4.2 Audio Control 1.4.3 Contrast (Minimum) 1.4.4 Resize Text 1.4.5 Images of Text 1.4.10 Reflow 1.4.11 Non-text Contrast 1.4.12 Text Spacing 1.4.13 Content on Hover or Focus

← All WCAG 2.2 success criteria