Komplekse tabeller uten hodepine: Overskriftsceller og sammendragsrader i datatabeller

En enkel datatabell, med en enkelt rad med kolonneoverskrifter øverst, er relativt enkel å gjøre tilgjengelig. Den virkelige smerten starter med komplekse tabeller - de med overskrifter i både kolonner og rader, sammenslåtte celler eller sammendragsrader. Denne artikkelen forklarer hvordan du merker tabelloverskrifter slik at en skjermleser "forstår" for hver celle hvilke overskrifter som gjelder for den, uten å miste kontekst.

Hvorfor TH er forskjellig fra TD

I en HTML-tabell eller en tagget PDF har hver celle én av to rolletyper: TH (tabelloverskrift) eller TD (tabelldata – en vanlig datacelle). Forskjellen er ikke nødvendigvis visuell - en overskriftscelle og en datacelle kan se identisk ut - den er semantisk: TH forteller skjermleseren "dette er en overskrift som forklarer hva dataene under eller ved siden av den betyr." Uten riktig tagging beveger en skjermleser seg gjennom tabellen rad for rad som om hver celle var like, og det er lett å miste oversikten over hvilke data som tilhører hvilken kategori.

Når omfanget er nok, og når du trenger mer

For de fleste tabeller legger du til enomfangattributt til hver TH-celle for å indikere om det er en kolonneoverskrift (scope="col") eller en radoverskrift (scope="row"). Når en skjermleser når en datacelle, kunngjør den automatisk både den relevante kolonneoverskriften og radoverskriften – slik at brukeren for eksempel hører «1200 — Salg, Q1» i stedet for bare et isolert «1200».

For spesielt komplekse tabeller, med mer enn to nivåer av overskrifter (for eksempel en super-header som grupperer flere underkolonner), er ikke alltid omfang alene nok. I disse tilfellene, bruk attributtparet id og overskrifter: gi hver overskriftscelle en unik id, og i hver datacelleliste, i overskriftsattributtet, alle overskrifts-IDene som er relevante for den. Denne metoden er mer fleksibel, men også mer kompleks og utsatt for feil – reserver den for tilfeller som virkelig trenger det.

Sammendragsrader og flere overskrifter

En oppsummeringsrad nederst i en tabell ("Total," "Average") er i seg selv en slags overskrift – det er vanligvis hensiktsmessig å merke selve totalcellen som TH med scope="row", slik at en skjermleser skiller den fra en vanlig datarad. På samme måte krever en tabell med en superoverskrift som grupperer flere kolonner (for eksempel "2026 Sales" som strekker seg over "Q1," "Q2") riktig bruk avcolspanattributtet sammen med omfang, slik at den hierarkiske grupperingen bevares når den også leses opp.

Hvordan dette ser ut i praksis i Word og PDF

I Word, bruk av standardverktøyet "Sett inn ▸ tabell" og merking av "Overskriftsrad" i Tabelldesign skaper riktig grunnlag, som eksporterer til PDF som TH automatisk i de fleste tilfeller. I Acrobat, etter å ha eksportert fra Word og kjørt en tilgjengelighetssjekk, er det verdt å åpne kodetreet og bekrefte at overskriftscellene faktisk var merket som TH og ikke som en vanlig TD – dette er en vanlig eksportfeil som er lett å gå glipp av.