Ensures table headers have discernible text
修正方法
Correct markup solutions
Table header elements (those marked with <th>
or role="rowheader"
or role="columnheader"
) should have visible text that describes its purpose.
<table><tr><th>Student Name</th></tr></table>
Incorrect markup solutions
<table><tr><th></th></tr></table>
<table><tr><th aria-label="Student Name"></th></tr></table>
なぜ重要なのか
Table header elements should have visible text that describes the purpose of the row or column to both sighted users and screen reader users.
ルールの説明
Table header elements should have visible text. Ensure that the table header can be used by screen reader users. If the element is not a header, marking it up with a `td` is more appropriate.
仕組みについて (簡単に言うと)
Checks all table header elements to ensure that they have a visible text.