Tabeller er ikke kodet riktig med kolonne- og/eller radoverskrifter

Under siden Fosterhjem | Betaling og tjenester finnes en tabell som ikke er programmatisk riktig i forhold til kolonneoverskrifter.

Visuelt kan vi se hvilken tekst som fungerer som kolonneoverskrifter og hvilken tekst som er tabelldata. Hvis dette ikke settes programmatisk i koden, vil brukere som ikke ser, få vanskligheter med å forstå relasjonen mellom kolonnene i tabellen.

Per nå er alle kolonner satt med elementet td, noe som betyr tabellcelle. For å markere kolonneoverskriftene riktig må de være plassert i th elementet. Th betyr table heading på engelsk og står for kolonne eller radoverskrift. Bruk også attributtet scope=“col” som spesifiserer at det er kolonneoverskifter. Dersom det i andre tilfeller ville vært radoverskrifter så må dere bruke col=“row”. 

En generell anbefaling er også å visuelt fremheve overskriftene tydeligere, enten ved å bruke fet skrift eller annen bakgrunnsfarge.