Accessibility · Junior · Question 59 of 75

How do you mark up header cells in a data table?

1With <div> inside of the first table row
2With <td> and bold text set through CSS
3With <th> and scope="col" or scope="row"

Show the answer

Correct answer: With <th> and scope="col" or scope="row"

Explanation

Screen readers then announce the header along with each cell, like "Price: $20". A bold td looks the same but gives no such link.

Further reading

Test yourself

Take the Accessibility · Junior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.