• Success Criterion 1.1.1
  • Conformance level A

Decorative Image Wrongly Made Keyboard-Focusable

1.1.1 — Non-text Content

Scenario

Setting

A used-car marketplace's listing filter

What’s wrong

Decorative image given a tabindex (keyboard-focus setting) or wrapped in a link with no accessible name (crosses into 2.4.4/4.1.2).

Example

<img src="chart.png">

Why it matters

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

How to test

Inspect decorative images for tabindex or a wrapping link: if a decorative image is focusable or clickable with no purpose, it fails.

How to fix

Remove tabindex (keyboard-focus setting) from decorative images and give any wrapping link a proper accessible name.

<img src="chart.png" alt="Q3 revenue chart showing 12% growth">

The alt attribute gives assistive technology the same information the image conveys visually.

Outcome

On a used-car marketplace's listing filter, this barrier is gone for blind and low-vision people using screen readers — they can complete the task without hitting this wall.

Who is affected

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

Learn more