Tabeller
Tänk på att
- Använd tabeller för att presentera tabulär data – alltså data som kan presenteras i två dimensioner med hjälp av rader och kolumner – använd inte tabeller enbart för att uppnå ett visst grafiskt utseende.
- Märk upp tabellen med korrekt html, använd till exempel th-element för att ange rad- och kolumnrubriker och märk även upp dem grafiskt.
- Långa tabeller
- För att underlätta läsbarheten: använd växlande färg på varannan rad.
- Låt tabellrubrikerna följa med när användaren scrollar nedåt i listan för att slippa scrolla upp för att se rubrikerna.
- Korta tabeller
- Undvik olika färg på tabellraderna som endast har ett fåtal rader då det kan framstå som att färgen har betydelse.
- Ta reda på vilka behov användaren kan ha, exempelvis:
- Ska tabellen gå att sortera?
- Ska användaren kunna söka i tabellen?
- Ska användaren lätt kunna se mer information än vad som får plats i tabellen utan att behöva lämna tabellen?
Tabeller
Exempel på tabeller