Javascript är avstängt eller blockerat i din webbläsare. Detta kan leda till att vissa delar av vår webbplats inte fungerar som de ska. Sätt på javascript för optimal funktionalitet och utseende.

Webbläsaren som du använder stöds inte av denna webbplats. Alla versioner av Internet Explorer stöds inte längre, av oss eller Microsoft (läs mer här: * https://www.microsoft.com/en-us/microsoft-365/windows/end-of-ie-support).

Var god och använd en modern webbläsare för att ta del av denna webbplats, som t.ex. nyaste versioner av Edge, Chrome, Firefox eller Safari osv.

Det finns goda skäl att inte använda tabeller, och vår rekommendation är att du ska undvika det så långt det är möjligt. Med ovanstående sagt – nedan följer några goda råd för dig som väljer att själv skapa tabeller.

Skapa en tillgänglig tabell

Tänk på att bara använda tabeller för uppställningar av data, inte för layout.

För att tabeller ska bli tillgängliga behöver du kontrollera att HTML-koden blir rätt. Här följer ett antal punkter som måste uppfyllas och under det ett exempel på en korrekt utformad tabell.

  • Lägg till en rubrik för tabellen (Caption). I exemplet nedan: "Sveriges största insjöar".
  • Förtydliga innebörden av en tabell i text genom en sammanfattning (Summary). I exemplet nedan: summary="Tabellen visar Sveriges fyra största insjöar och deras storlek".
  • Varje tabell du lägger in ska ha kolumn- och/eller radrubriker, anges med "th" i koden. Dessa ska skapas med korrekt kod, scope="col" för kolumn-rubriker och scope="row" för radrubriker.

Exempel

Sveriges största insjöar
Insjöar Yta (kvadratkilometer)
Vänern 5 519
Vättern 1 886
Mälaren 1 078
Hjälmaren 476

HTML-kod för tabell-exemplet - pastebin.com

Kontakt

Projektgruppen för webbtillgänglighet

Kontakta projektet via e-post:
tillganglighet [at] kommunikation [dot] lu [dot] se

Projektets blogg

Gå med i Teamsgruppen "Webbtillgänglighet inom LU"