Omfang for tabelloverskrifter

Silktide kontrollerer at hver tabelloverskriftscelle angir hva den er en overskrift for – en kolonne, en rad eller en gruppe av disse. Dette forteller hvilke celler hver overskrift gjelder for.

I kan en <th>-overskriftscelle være overskrift for en kolonne, en rad eller en gruppe kolonner eller rader. scope-attributtet angir hvilken av disse, slik at all tvil om tabellens struktur fjernes.

<!-- Problem: ingenting angir om "Name" er overskrift for en kolonne eller en rad -->
<th>Name</th>

<!-- Løst: scope gjør det tydelig -->
<th scope="col">Name</th>

Hvorfor dette er viktig

En kunngjør de relevante overskriftene sammen med hver celle når brukeren beveger seg gjennom en tabell. For å gjøre dette må den vite hvilke celler hver overskrift gjelder for. I tabeller som har både kolonne- og radoverskrifter, eller overskrifter som dekker grupper av celler, må en overskrift uten scope få skjermleseren til å gjette – og når den gjetter feil, kunngjøres verdier med feil kontekst eller uten kontekst i det hele tatt.

Slik løser du det

Legg til et scope-attributt i hver <th>-celle. De gyldige verdiene er:

col – overskriften gjelder kolonnen under den.
row – overskriften gjelder raden ved siden av den.
colgroup – overskriften gjelder en gruppe kolonner.
rowgroup – overskriften gjelder en gruppe rader.

<table>
  <tr>
    <th scope="col">Name</th>
    <th scope="col">Age</th>
  </tr>
  <tr>
    <th scope="row">Bob</th>
    <td>35</td>
  </tr>
</table>

Slik tester Silktide dette

Finn alle <th>-overskriftsceller på hver side.
Rapporter hver celle der scope-attributtet mangler eller ikke er én av row, col, rowgroup eller colgroup.

Feilsøking

Den enkle tabellen min fungerer fint uten scope

For en tabell med én enkelt øverste rad med overskrifter kan nettlesere og skjermlesere vanligvis utlede strukturen. Eksplisitte scope-attributter fjerner likevel all tvil, koster ingenting og beskytter deg hvis tabellen senere blir mer kompleks. Derfor ber Silktide om dem i hver overskriftscelle. Hvis du mener at en bestemt tabell er grei slik den er, kan du funnene.