2.4.4 Complexe tabellen zijn gemarkeerd met headers-attributen

Een complexe gegevenstabel is een tabel met minstens twee sets rij- of kolomhoofdingen. Met het headers-attribuut is het mogelijk om dergelijke tabellen toegankelijk te maken, maar dat is relatief ingewikkeld. Meestal is het eenvoudiger om de tabel op te splitsen in twee of meerdere tabellen.

Voorbeeld van een complexe tabel

Openingsuren gemeentehuis en OCMW
Gemeentehuis OCMW
DagVoormiddagNamiddag VoormiddagNamiddag
Maandag 8u-12u Gesloten Gesloten 14u-18u
Dinsdag 8u-12u Gesloten Gesloten 14u-18u
Woensdag 8u-12u Gesloten Gesloten 14u-18u
Donderdag 8u-12u Gesloten Gesloten 14u-18u
Vrijdag 8u-12u Gesloten Gesloten 14u-18u

Optie 1: splits de tabel

Van deze complexe tabel kunt u twee eenvoudige tabellen maken door de tabel te splitsen.

Optie 2: headers en id

Gebruik het toegankelijkheidsattribuut headers om voor elke cel aan te geven welke tabelhoofdingen erop van toepassing zijn. Om hiernaar te kunnen verwijzen, moet elke tabelhoofding een id-attribuut hebben.

Waarom?

Om screenreaders te helpen de tabel correct te interpreteren en naar spraak of braille om te zetten.

Voorbeeld van een tabel met headers en id-attributen

Zelf testen

Ga na of de tabel vereenvoudigd kan worden door hem op te delen in meerdere tabbellen.

Als de tabel niet te vereenvoudigen is, ga dan na of elke cel een verwijzing (header) bevat naar alle hoofdingen (id) die van toepassing zijn voor die cel. In een complexe tabel bevat elke header van een data cel typisch 3 of meer id . De volgende methodes helpen deze informatie zichtbaar te maken.

Web developer toolbar in Firefox:

  • Information> display table information

Wave toolbar in Firefox:

  • Errors, Features and Alerts

Accessibility toolbar in Internet Explorer:

  • Structuur > Complexe datatabellen