Command Palette

Search for a command to run...

Hectal
Phase 15: Accessible Charts
Data Visualization · Exercise 5 of 5 Previous
Advanced

Audit the chart and fix it

This chart is a bare SVG, with no table. Make it pass an audit: role="img", a name with the finding, a visible description joined with aria-describedby, and a table twin in #twin with a caption and th scope="col" headings.

The description must name the busiest station and its rides.

What Check tests

  1. The chart has role img and a name with the finding
  2. The description paragraph joins the chart
  3. The description names the busiest station and its rides
  4. The table has a caption and two column headings
  5. The table has one row per station

Stuck? One hint at a time

The solution unlocks after your first Check. Try first: that is where the learning happens.

Runs in your browser. Your code is saved here.

Your page

Press Run to see the page.

Console

Nothing logged yet.