Listor

Det finns olika typer av listor som lämpar sig för olika ändamål.

Tänk på att

  • Inte använda listor på element som inte tydligt kan ses som en lista.
  • Välja rätt typ av lista <ul> för en oordnad lista, <ol> för en ordnad lista eller <dl> för en definitionslista
  • Länkar i listor ska se ut som övriga länkar i text
  • Länklistor i kort kan ha ett annat grafiskt utseende

Oordnad eller ordnad lista

En ordnad lista (ol) används när punkterna har en inbördes ordning, medan det i en oordnad lista (ul) inte finns en sådan. Det avgörande är alltså hur listpunkterna förhåller sig till varandra, vilket inte ska förväxlas med hur listan är sorterad. En lista över författare är en t.ex. oordnad lista, även om namnen står sorterade i bokstavsordning, medan en topplista med författare är en ordnad lista eftersom ordningen har en semantisk mening.

Definitionslista dl

En definitionslista (dl) kan användas för olika typer av nyckel- eller värdelistor, eller för att märka upp till exempel en dialog i ett manuskript. Varje element består av en eller flera nycklar (dt) och ett eller flera värden (dd).

Lista i brödtext

Listor i brödtext ska ha punkt eller nummer framför varje listelement.

Listor med länkar som ligger i en text ska se ut som vanliga länk så att det tydligt framgår att de är klickbara.

Listor vid annan användning

För att avgöra om något är en lista eller inte kan man fundera på om det skulle passa att visa en punkt eller nummer framför. Om det inte passar är det ofta inte en lista. Det finns dock undantag. En navigeringsmeny på en webbplats kan exempelvis i många fall märkas upp som en oordnad lista trots att punkter eller siffror inte visas.

På universitetets webbplatser finns flera typer av listor där punkter eller siffror inte visas, och de bör ändå märkas upp som listor. Några exempel är:

  • Lista med sökträffar
  • Lista med publikationer
  • Lista med evenemang
  • Lista med utbildningar
  • Lista med nyheter

Det finns alltså undantag när det är okej att dölja punkter och siffror i listor, men många fall är det bättre att välja ett annat element. En varningsklocka är att om du vill märka upp ett innehåll som en lista för att åstadkomma ett visst utseende så är det inte rätt väg att gå. Koden kommer då få en semantisk mening som inte stämmer med innehållet vilket kan göra webbsidan svår att använda.

Läs mer

FÖLJ UPPSALA UNIVERSITET PÅ

facebook
instagram
youtube
linkedin