u bent hier: Home > In de praktijk > AnySurfer checklist > 2.4.4 Complexe tabellen zijn gemarkeerd met headers-attributen
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
| Gemeentehuis | OCMW | |||
|---|---|---|---|---|
| Dag | Voormiddag | Namiddag | Voormiddag | Namiddag |
| 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