En simpel datatabel, med en enkelt række kolonneoverskrifter øverst, er relativt ligetil at gøre tilgængelig. Den virkelige smerte starter med komplekse tabeller - dem med overskrifter i både kolonner og rækker, flettede celler eller oversigtsrækker. Denne artikel forklarer, hvordan man tagger tabeloverskrifter, så en skærmlæser "forstår" for hver celle, hvilke overskrifter der gælder for den, uden at miste kontekst.
Kort sagt – hvad denne vejledning dækker
Hvorfor TH er anderledes end TD
I en HTML-tabel eller en tagget PDF har hver celle en af to rolletyper: TH (tabeloverskrift) eller TD (tabeldata – en almindelig datacelle). Forskellen er ikke nødvendigvis visuel - en overskriftscelle og en datacelle kan se identisk ud - den er semantisk: TH fortæller skærmlæseren "dette er en overskrift, der forklarer, hvad dataene under eller ved siden af betyder." Uden korrekt tagging bevæger en skærmlæser sig gennem tabellen række for række, som om hver celle var ens, og det er nemt helt at miste overblikket over, hvilke data der hører til hvilken kategori.
Når omfanget er nok, og når du har brug for mere
For de fleste tabeller tilføjer du enomfangattribut til hver TH-celle for at angive, om det er en kolonneoverskrift (scope="col") eller en rækkeoverskrift (scope="row"). Når en skærmlæser når en datacelle, annoncerer den automatisk både den relevante kolonneoverskrift og rækkeoverskrift - så brugeren for eksempel hører "1.200 — Salg, Q1" i stedet for blot et isoleret "1.200".
For særligt komplekse tabeller med mere end to niveauer af overskrifter (for eksempel en super-header, der grupperer flere underkolonner), er omfang alene ikke altid nok. I disse tilfælde skal du bruge attributparret id og overskrifter: giv hver overskriftscelle et unikt id, og i hver datacelleliste, i overskriftsattributten, alle de overskrifts-id'er, der er relevante for den. Denne metode er mere fleksibel, men også mere kompleks og fejltilbøjelig - reserver den til tilfælde, der virkelig har brug for det.
scope="col", og rækkeoverskrifterne ("Q1," "Q2," "Q3") medscope="row"— så hver datacelle er knyttet til de to overskrifter, der er relevante for den.Oversigtsrækker og flere overskrifter
En opsummeringsrække i bunden af en tabel ("Total," "Average") er i sig selv en slags header - det er normalt passende at mærke selve den samlede celle som TH med scope="row", så en skærmlæser adskiller den fra en almindelig datarække. På samme måde kræver en tabel med en super-header, der grupperer flere kolonner (f.eks. "2026 Sales" spænder over "Q1", "Q2") korrekt brug afcolspanattribut sammen med scope, så den hierarkiske gruppering bevares, når den også læses op.
💡 Praktisk tip
Hvis en tabel føles for kompliceret til at tagge korrekt (mere end to niveauer af overskrifter, flere fletninger), nogle gange er den enkleste og mest tilgængelige løsning at opdele den i flere enklere tabeller eller tilføje en almindelig tekstoversigt ved siden af den.
Sådan ser det ud i praksis i Word og PDF
I Word, brug af standardværktøjet "Indsæt ▸ tabel" og markering af "Overskriftsrække" i tabeldesign skaber det korrekte fundament, som eksporterer til PDF som TH automatisk i de fleste tilfælde. I Acrobat, efter at have eksporteret fra Word og kørt et tilgængelighedstjek, er det værd at åbne tags-træet og bekræfte, at overskriftscellerne faktisk var markeret som TH og ikke som en almindelig TD - dette er en almindelig eksportfejl, som er let at gå glip af.
Har datatabeller i dokumenter, der aldrig er blevet testet?
Vores værktøj identificerer tabeller med manglende eller forkerte overskrifter på tværs af hver PDF-fil på dit websted.
Scan dit websted gratis ←