Een eenvoudige gegevenstabel, met bovenaan één rij kolomkoppen, is relatief eenvoudig toegankelijk te maken. De echte pijn begint bij complexe tabellen: tabellen met kopteksten in zowel kolommen als rijen, samengevoegde cellen of samenvattende rijen. In dit artikel wordt uitgelegd hoe u tabelkoppen kunt taggen, zodat een schermlezer voor elke cel 'begrijpt' welke kopteksten erop van toepassing zijn, zonder de context te verliezen.
In het kort: wat deze gids behandelt
Waarom TH anders is dan TD
In een HTML-tabel of een getagde PDF heeft elke cel een van de volgende twee roltypen: TH (Tabelkop) of TD (Tabelgegevens – een gewone gegevenscel). Het verschil is niet noodzakelijkerwijs visueel (een koptekstcel en een gegevenscel kunnen er identiek uitzien), het is semantisch: TH vertelt de schermlezer "dit is een koptekst die uitlegt wat de gegevens eronder of ernaast betekenen." Zonder de juiste tagging beweegt een schermlezer rij voor rij door de tabel alsof elke cel gelijk is, en het is gemakkelijk om volledig uit het oog te verliezen welke gegevens tot welke categorie behoren.
Als de reikwijdte voldoende is en als u meer nodig heeft
Voor de meeste tabellen voegt u eenbereikkenmerk aan elke TH-cel om aan te geven of het een kolomkop is (scope="col") of een rijkop (scope="row"). Wanneer een schermlezer een gegevenscel bereikt, kondigt deze automatisch zowel de relevante kolomkop als de rijkop aan, zodat de gebruiker bijvoorbeeld '1.200 – Verkoop, Q1' hoort in plaats van alleen maar een geïsoleerd '1.200'.
Voor bijzonder complexe tabellen, met meer dan twee niveaus van headers (bijvoorbeeld een superheader die meerdere subkolommen groepeert), is reikwijdte alleen niet altijd voldoende. Gebruik in die gevallen het paar attributen id en headers: geef elke headercel een unieke id, en in elke gegevenscellijst, in het headers attribuut, alle header-id's die daarvoor relevant zijn. Deze methode is flexibeler, maar ook complexer en foutgevoeliger. Bewaar deze methode voor gevallen waarin deze echt nodig is.
scope="col", en de rijkoppen ("Q1", "Q2", "Q3") metscope="row"– dus elke datacel is gekoppeld aan de twee headers die daarvoor relevant zijn.Overzichtsrijen en meerdere kopteksten
Een samenvattende rij onder aan een tabel ("Totaal", "Gemiddeld") is zelf een soort koptekst. Het is meestal passend om de totale cel zelf te taggen als TH met scope="rij", zodat een schermlezer deze onderscheidt van een gewone gegevensrij. Op dezelfde manier vereist een tabel met een superkop waarin meerdere kolommen zijn gegroepeerd (bijvoorbeeld 'Verkopen 2026' die 'Q1', 'Q2' beslaan) het juiste gebruik van decolspankenmerk samen met bereik, zodat de hiërarchische groepering behouden blijft wanneer deze ook wordt voorgelezen.
💡 Praktische tip
Als een tabel te ingewikkeld lijkt om correct te worden gecodeerd (meer dan twee niveaus met kopteksten, meerdere samenvoegingen), is de eenvoudigste en meest toegankelijke oplossing soms om deze op te splitsen in meerdere eenvoudigere tabellen, of er een samenvatting in platte tekst aan toe te voegen.
Hoe dit er in de praktijk uitziet in Word en PDF
In Word wordt met behulp van de standaardtool "Invoegen ▸ Tabel" en het aanvinken van "Koprij" in Tabelontwerp de juiste basis gecreëerd, die in de meeste gevallen automatisch als TH naar PDF wordt geëxporteerd. In Acrobat is het, na het exporteren vanuit Word en het uitvoeren van een toegankelijkheidscontrole, de moeite waard om de tagsboom te openen en te bevestigen dat de kopcellen inderdaad zijn gemarkeerd als TH en niet als een gewone TD. Dit is een veel voorkomende exportfout die gemakkelijk over het hoofd wordt gezien.
Zijn er gegevenstabellen in documenten die nog nooit zijn getest?
Onze tool identificeert tabellen met ontbrekende of onjuiste kopteksten in elk PDF-bestand op uw site.
Scan uw site gratis ←