R-pd.11.4

Tabellabels associëren met rijen of kolommen: het scope attribuut

Webontwikkelaars en content-beheerders die tabellen met relationele informatie produceren, moeten, waar mogelijk, gebruikmaken van het scope attribuut op tabellabels.

Uitleg van deze richtlijn

Table header (th) cellen vormen een label voor zowel een rij als een kolom. Visueel is te onderscheiden dat het label geldt voor een kolom óf een rij, maar als de tabel stap voor stap (seriëel) wordt voorgedragen, is dit minder duidelijk. Daarvoor is het scope attribuut bedacht. Dit attribuut op een th cel vertelt het schermleesprogramma of de brailleregel dat het label geassocieerd moet worden met een rij of kolom.

Dit attribuut is ook toe te passen op cellen die meerdere kolommen of rijen beslaan. In dat geval zullen meerdere rijen of kolommen een associatie met het label hebben.

Voorbeelden

Toepassing van het scope attribuut (HTML)

Links en referenties

• Aan de slag: Tabellen

Gerelateerde richtlijnen

• R-pd.2.9: Bouw een website volgens de Web Content Accessibility Guidelines (WCAG  1.0) van het W3C.
• R-pd.11.1: Gebruik tabellen voor het weergeven van relationele informatie en niet voor lay-out.
• R-pd.11.2: Gebruik het th (table header) element voor het beschrijven van een kolom of rij in een tabel met relationele informatie.
• R-pd.11.3: Groepeer rijen met alleen th (table header) cellen met het thead (table head) element. Groepeer de rest van de tabel met het tbody (table body) element.
• R-pd.11.5: Gebruik het headers en id attribuut voor het associëren van tabellabels (th cellen) met individuele cellen in complexe tabellen.
• R-pd.11.6: Geef afkortingen voor tabellabels (th cellen) via het abbr (abbreviation) attribuut wanneer de lengte van de inhoud van het tabellabel zodanig van lengte is dat herhaling in een spraakbrowser irritatie kan wekken.
• R-pd.11.7: Gebruik het caption element of heading markup voor het geven van een koptekst boven een tabel.

Bijbehorende ijkpunten normdocument

• IJkpunt 5.2: Gebruik voor datatabellen met twee of meer logische niveaus van rij- of kolomheaders opmaak om data- en headercellen te associëren.