Tech
th scope row vs col: table headers that sound fine but are wrong (WCAG 1.3.1)
"Jane Doe" on its own is a word in a box. Is she the instructor, a student, a guest? In a properly built table, VoiceOver says Instructor Jane Doe, column 2 of 3 - the header is what turns the word into a fact. Lose that relationship in the code and the table is just a grid of words, no matter how clear it looks on screen.
This breakdown uses the Table Headers lab (E09): Case 1 ( <th> without scope ) and Case 2 ( scope="row" on column headers). Both use real header cells an...
Read the full discussion on Dev.to
This article was aggregated from Dev.to. Click to join the conversation.
View on Dev.to