webbhandbok

Region Östergötland

Webbhandbok

Tabeller och diagram

Tabeller och diagram kan vara ett bra sätt att presentera data om ett ämne. De kan dock sällan leva sitt eget liv utan kräver en tydlig kontext, där texten sätter in data i ett sammanhang och förklarar samband.

Använd tabeller på rätt sätt

Använd aldrig tabeller för att layouta text och bild på din sida. Om webbplatsen formges med hjälp av tabeller finns en risk att besökare som använder läshjälpmedel får informationen i tabellerna i fel ordning eller inte alls. Tabeller fungerar också dåligt i mobiltelefon och riskerar att placera information utanför skärmen.

Tabell och diagram som bilder

Publicera inte tabeller som en bild.

Diagram kan publiceras som bild men då måste du också i bildens alt-text beskriva allt innehåll i diagrammet så att informationen går att ta del av även för de som inte ser själva bilden. Alternativt ska en förklaring av informationen även finnas som text i anslutning till bilden. Diagram kan till exempel kompletteras av en tabell med den data som diagrammet innehåller.

Skapa en tabell

Gör så här:

  1. Placera tabellen i en egen textmodul, inte som en del av en annan textmodul. Detta för att underlätta redigering och felsökning.
  2. Klicka på ikonen "Tabell" i verktygslisten. Välj hur många rader och kolumner du vill ha i din tabell som start.
  3. Använd rubrikraden för rätt formatering.
  4. Lägg till tabellbeskrivning.
  5. Mobilanpassa tabellen genom att välja "Staplad tabell" i tabellegenskaper.

Lägg alltid till tabellbeskrivning

Du måste alltid ha en tabellbeskrivning av tillgänglighetsskäl.

Gör så här:

  1. Ändra beskrivningen genom att ställa markören sist i det förifyllda fältet och sedan backa tills alla bokstäver är raderade. Först därefter skriver du din egen beskrivningstext.
  2. Ändra inte genom att markera och radera det som är förifyllt, eftersom det kan orsaka problem med formateringen av tabellen.
  3. Du kan välja att dölja tabellbeskrivning för seende besökare genom att markera detta i Tabellegenskaper. Ofta är det bättre att dölja den för seende och i stället använda en vanlig mellanrubrik ovanför textmodulen som innehåller tabellen.

Mobilanspassa tabellen

Tabeller fungerar dåligt i mobiltelefon och riskerar att placera information utanför skärmen. För att tabeller ska fungera så bra som möjligt på små skärmar ska du anpassa den för responsiv webb. På Intranätet är detta förvalt så där behöver du inte ändra.

Gör så här:

  1. Högerklicka på tabellen och gå till tabellegenskaper.
  2. Välj "Responsiv typ: Staplad tabell"