• Success Criterion 1.1.1
  • Conformance level A

1.1.1 · Non-text Content

Lesson overview · Non-text Content

In plain language

Every meaningful image, icon, chart, or other non-text object needs a text alternative that serves the same purpose, while purely decorative images must be hidden from assistive technology.

Who it affects

Blind and low-vision people using screen readers, and anyone who browses with images disabled, when icons or photos carry meaning.

How to check

Turn on a screen reader (NVDA/VoiceOver) or inspect the code: every meaningful image should announce a sensible description; decorative ones should be skipped silently. Worked example — A subscription box service's account settings: compare the alt text word-for-word to the current image content: if it describes something else, it's wrong and fails regardless of length or effort.

Common misconception

Adding some alt text isn't the goal. Wrong or lazy alt text (“image123”, keyword-stuffed SEO text) fails just as badly as no alt text, and marking a real photo as decorative hides real content. Real example: on a recipe site's ingredient list, an image that carries real information is added through CSS as a background image, so there is no alt text anywhere — screen reader users never know it exists.

Learn more

get in touch

Know where you stand. Know what to work on next.

Tell us what you’re working on and where you need support. Our accessibility specialists can help with audits, remediation, VPAT/ACR, accessible development, and ongoing compliance.

Free 30-minute consultation (opens in new tab)

Free 30-minute call: talk through where you stand, scope a project or get a quote.

Need technical answers now? Book the $100 one-hour consultation to walk through an audit, talk with a developer or review your site live.

Let’s find the barriers before your users do

Indicates a required field.


Your information is kept private and never shared with third parties.

Scenarios in this lesson