Success Criterion 1.1.1
Conformance level A

JavaScript Chart With No Accessible Data Table Behind It

1.1.1 — Non-text Content

Scenario

Setting

An e-book reader's library page

What’s wrong

Charts rendered by JS libraries (Chart.js, D3, Highcharts) as canvas/SVG with no accessible data table or summary.

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

Look for a data table or text summary next to script-rendered charts (Chart.js, D3, Highcharts): if the chart is canvas/SVG-only with no equivalent, it fails.

How to fix

Publish an accessible data table or text summary alongside script-rendered charts.

<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 an e-book reader's library page, 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