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?

FÖLJ UPPSALA UNIVERSITET PÅ

facebook
instagram
youtube
linkedin