Omfång för tabellrubriker

Silktide kontrollerar att varje tabellrubrikcell anger vad den är en rubrik för – en kolumn, en rad eller en grupp av dem. Detta talar om för vilka celler varje rubrik gäller.

I kan en rubrikcell med <th> vara rubrik för en kolumn, en rad eller en grupp av kolumner eller rader. Attributet scope anger vilket, vilket undanröjer all oklarhet kring tabellens struktur.

<!-- Problem: inget anger om "Name" är rubrik för en kolumn eller en rad -->
<th>Name</th>

<!-- Åtgärdat: scope gör det tydligt -->
<th scope="col">Name</th>

Varför detta är viktigt

En läser upp relevanta rubriker tillsammans med varje cell när användaren förflyttar sig genom en tabell. För att göra det måste den veta vilka celler varje rubrik styr. I tabeller som har både kolumn- och radrubriker, eller rubriker som omfattar grupper av celler, tvingar en rubrik utan scope skärmläsaren att gissa – och när den gissar fel läses värden upp med fel sammanhang eller utan sammanhang alls.

Så åtgärdar du problemet

Lägg till attributet scope i varje <th>-cell. De giltiga värdena är:

col – rubriken gäller kolumnen under den.
row – rubriken gäller raden bredvid den.
colgroup – rubriken gäller en grupp av kolumner.
rowgroup – rubriken gäller en grupp av 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>

Så testar Silktide detta

Hitta varje <th>-rubrikcell på varje sida.
Rapportera varje cell där attributet scope saknas eller inte är ett av row, col, rowgroup eller colgroup.

Felsökning

Min enkla tabell fungerar bra utan scope

För en tabell med en enda översta rubrikrad kan webbläsare och skärmläsare vanligtvis härleda strukturen. Explicit angivna scope-värden undanröjer ändå all oklarhet, kostar ingenting och skyddar dig när tabellen senare blir mer komplex, så Silktide ber dig ange dem för varje rubrikcell. Om du bedömer att en viss tabell fungerar bra som den är kan du fyndet.