Success Criterion 1.1.1
Conformance level A

Chart Drawn in Canvas With No Fallback Description

1.1.1 — Non-text Content

Scenario

Setting

A hospital's patient portal appointment scheduler

What’s wrong

<canvas> charts/drawings with no fallback content or text alternative.

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 the canvas element's children in DevTools: canvas has no built-in accessibility, so it needs fallback content or an adjacent accessible summary — if absent, it fails.

How to fix

Provide fallback content inside <canvas> or an adjacent text/table equivalent of the drawing.

<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 hospital's patient portal appointment scheduler, this barrier is gone for blind and low-vision people using screen readers — they can finish what they came here to do.

Who is affected