Row Header Scope

A status matrix uses scope on both column and row headers so every data cell has a clear heading relationship.

Program

Scope is not only for columns. A table can use scope="row" when the first cell in a row labels the data cells after it.

row_header_scope.html

<table>
  <tr><th></th><th scope="col">Plan</th><th scope="col">Status</th></tr>
  <tr><th scope="row">Backup</th><td>Nightly</td><td>Ready</td></tr>
  <tr><th scope="row">Deploy</th><td>Friday</td><td>Queued</td></tr>
</table>

scope row scope="row" marks a header cell that labels the rest of its row.

header relationship Header relationships explain which labels belong to each data cell.