24hour

Page 125

5.5.1

Gör listor med de HTML-element som är till för att skapa listor

[Prioritet 1]

Skärmläsare och andra hjälpmedel behöver korrekt kodade listor för att kunna signalera till användaren att en lista faktiskt är just en lista. Använd därför alltid de HTML-element som är till för att skapa listor. Om tabeller eller grafiska objekt används för att skapa listor riskerar de att presenteras på ett förvirrande sätt. Det finns tre olika typer av listor i HTML: numrerade listor, onumrerade listor och definitionslistor. Exempel

För exempel på hur du gör listor med rätt HTML-element, se www.verva.se/24-timmarswebben/exempel. Mätbarhet

Kontrollera att korrekt HTML-element för punktlistor (ul och li) och numrerade listor (ol och li) används när redaktören skapar listor. I de fall XHTML används måste alla li-element avslutas explicit.

5.5.2

Skapa rubriker med h-element

[Prioritet 1]

Rubriker ska formateras på rätt sätt. I HTML används h-elementet för detta ändamål. h1 signalerar huvudrubrik, h2 att det finns en underrubrik till en föregående huvudrubrik, och h3 en underrubrik till underrubriken. Den hierarkiska ordningen är viktig. Korrekt användning av rubriker bidrar till: •

Att få en enhetlig formatering av alla sidor på webbplatsen.

Att det blir lättare att läsa dokumentet utan stilmallar.

Att sökmotorer hittar relevant information på sidorna. Sökmotorer utnyttjar var i ett dokument ett ord hittats för att avgöra hur relevant dokumentet är. Om ett ord tillhör ett h1- eller h2-element så anses det mer relevant än om det klassas som brödtext.

Användaren får en överblick över dokumentet. Hjälpmedel behöver en korrekt strukturkod för att kunna avgöra vad som är en rubrik. Dokument ska till exempel inte börja med en rubrik märkt h2.

Formatera rubrikernas utseende med hjälp av stilmallar

Det går att ha flera rubriker som visuellt ser olika ut, men som har samma rubriknivå, till exempel h1 (huvudrubriker), se exempel nedan. På samma sätt kan underrubriker hanteras om det finns behov av att de till exempel ser olika ut på startsidor och underliggande sidor.

122


Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.