Table

Husk på

Mens tabeller kan være effektive til å vise data, kan de også være vanskelige å navigere for brukere som er avhengige av skjermlesere eller tastaturnavigasjon. Det kan være lurt å vurdere om tabellen er den beste måten å presentere data på, eller om det finnes en mer tilgjengelig måte å presentere dataene på som for eksempel listevisning. Hvis du velger å bruke en tabell, er det viktig å sørge for at den er tilgjengelig for alle brukere. Sett en beskrivende tittel på tabellen, og bruk riktig semantikk for å bygge opp tabellen.

Teknisk aspekt

Når det gjelder universell utforming, så brukes alle html sine tabell elementer som dermed i teorien skal fungere for skjermlesere ut av boksen. Dette gjelder også for visning av tabellen på mindre skjerm der vi bruker display: contents for å kunne vise celle innhold og kolonnetittel på samme rad i stedet i responsiv visning. Derfor er det også satt en role på hver komponent i React og Vue slik at skjermleser får nok informasjon i liste - og responsiv visning.

For å se hvordan du semantisk riktig kan sette opp en tabell, kan du se på eksempelet under “kode”-fanen.

Les mer om tabell

• W3C: Tables
• MDN: Tables