Bruk tabellverkt?yet i Vortex
Bruk tabellverkt?yet i Vortex, ikke tabulator eller mellomrom for ? lage noe som ser ut som en tabell. Dette er viktig for ? gj?re tabellen tilgjengelig for alle, blant annet kodet med rett element.
Velg tabellikonet i redigeringsmodus og definer egenskaper for tabellen.
Tabelloverskrifter
For at en bruker skal kunne forst? tabellen, m? det finnes tydelige tabelloverskrifter som tabelltittel og kolonne- og radoverskrifter.
- Velg antall rader og kolonner.
- N?r du har opprettet tabellen, skriver du inn kolonneoverskrifter og radoverskrifter. Det er viktig at du definerer radoverskrifter slik at hjelpeteknologier kan knytte celleinnhold til disse, s? den logiske rekkef?lgen kan f?lges.
- Tomme kolonner eller rader skal ikke brukes for ? skape luft i tabellen.
- Skriv inn tittel i tittel-feltet som kortfattet skal forklare hva slags informasjon tabellen inneholder. Overskriften blir plassert over selve tabellen.
Tabellceller skal utelukkende brukes til tabelldata. Om forklaringer og fotnoter finnes til tabelldata, skal disse legges utenfor selve tabellen.
Hold tabellen enkel
For ? ivareta tilgjengeligheten i tabeller b?r du unng? ? lage dem komplekse, for eksempel bruke en tabell i en annen tabell med celler i ulik h?yde og rader med varierende antall kolonner. Da er det ikke mulig ? knytte sammen rad og kolonneoverskrifter. Hold derfor tabellene s? enkle som mulig.
Tabellsammendrag
I helt enkle tabeller vil tittel og sammendrag ofte v?re tiln?rmet like. Da er det tilstrekkelig at bare en av delene blir definert, gjerne tittel (se: tabelloverskrifter).
Hvis du m? lage en kompleks tabell, m? du skrive et kort sammendrag som oppsummerer innholdet og hensikten med tabellen, og de viktigste konklusjonene. Klikk p? tabell-ikonet og skriv inn i sammendrag-feltet under "Egenskaper for tabell". Dette skaper en skjult forklaring til tabellen som kan leses opp av en del hjelpemidler.
Sebra-stiper i tabellen
?nsker du en tabell med gr? bakgrunn p? annenhver rad kan du legge inn klassen "uio-zebra": <table class="uio-zebra"...>