Komplekse tabeller: sammenkobling af headers og id

Nogle tabeller spænder over celler eller har flere niveauer af overskrifter. Et enkelt scope kan ikke beskrive en celle, der styres af to eller tre overskrifter på én gang.

En overskrift, der bruger colspan til at dække flere kolonner, forvirrer den enkle model. Browseren kan ikke længere gætte, hvilke celler den ejer.

I komplekse tabeller skal du give hvert th et id og pege fra hvert td til dets overskrifter via id. På den måde forbindes celler og overskrifter udtrykkeligt uden gætterier.

En datacelle kan angive flere overskrifter i sin headers-attribut, adskilt af mellemrum. Læseren annoncerer dem alle i den rækkefølge, du angiver.

Giv rækkeoverskriften og kolonneoverskriften hver sit id, og henvis derefter til begge fra cellen. Nu er værdien fuldt beskrevet på begge akser.

For grupperede overskrifter kan scope være colgroup eller rowgroup. Brug dem, når én overskrift spænder over en gruppe kolonner eller rækker over detaljeoverskrifterne.

En årsoverkskrift over månedsoverskrifter skal beskrives på begge niveauer. Med id og headers kan hver celle henvise til både året og måneden.

Alle id'er på siden skal være unikke. Gentagne overskrifts-id'er ødelægger lydløst sammenkoblingen, så en hurtig validering sparer dig for reelle problemer senere.

Oplist id'er i den rækkefølge, du ønsker dem læst, som regel den bredeste overskrift først. Skærmlæseren følger din rækkefølge nøjagtigt, når den annoncerer.

Før du griber til id og headers, skal du overveje, om du kan dele én stor tabel op i mindre, enkle tabeller. En enklere struktur er næsten altid mere tilgængelig.

Teknikken med id og headers er effektiv, men nem at skrive forkert. Bekræft altid, at nogle få celler læses korrekt med en ægte skærmlæser – ikke kun ved at se på dem.

Når spænd eller indlejrede niveauer gør scope uanvendeligt, skal du give overskrifterne et id og referere til dem fra hver celle med headers. Sørg for, at id'er er entydige, og kontrollér dem ved at lytte.