Make a data table readable
Definition and example
Make a data table readable is the focus of this lesson. A table needs `thead`, `tbody`, and `scope` on its header cells so a screen reader can announce which column a number belongs to. The task asks you to apply that idea in a small example: What does `scope="col"` mean on a `th`. Before you run the code, predict what should happen. Then Inspect the rendered page and its element structure and compare it with your prediction. If the result differs, change one relevant line and run it again. Testing one change at a time makes the cause of a result easier to understand.
Run your code to see the output and the checks.
Submit your code to see results
Write your code in the middle column and press Run code.
Why this works
Checks on this task:
- The page must contain at least 2 matching “table thead th[scope="col"]” elements.
The task and step-by-step instructions are written as comments at the top of the editor. Change one relevant line, run it, and compare the result with these checks.
Sign in to use up to 8 optional task skips in this course.
Incorrect attempts before answer: 0 / 3
Track progress
0 passed of 56 tasks
Pass every check or use one of your available skips to open the next task.
Sign in to keep your code and certificates.
Need a hand?
Worked answer
You have made three incorrect attempts. Review this example, close the window, and continue practising.