Intermediate
Make the marks table accessible
This marks table looks fine, but a screen reader can't tell which header goes with which mark.
Add a caption Term 1 marks. Give each column header scope="col". Turn each student's name into a row header (th with scope="row"). Keep the marks as td cells.
What Check tests
- The caption says
Term 1 marks - Every column header has
scope="col" - Each student's name is a row header with
scope="row" - The six marks are still data cells
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.