1.3.2 Meningsfull ordning A

Viss information kan ändra betydelse beroende på i vilken ordning den presenteras. Om innehåll på en sida presenteras i en viss ordning måste det även presenteras i en meningsfull ordning för hjälpmedel, som skärmläsare.

Skärmläsare läser innehållet sekventiellt, vilket innebär att det läses uppifrån och ner, i den ordning som koden är skriven. Även om elementens placering kan ändras med hjälp av styling, förblir kodens ordning densamma. Skärmläsaren läser alltså upp innehållet i den ordning som finns i koden, inte den visuella ordningen. Den ordning som läses upp får inte förändra innehållets betydelse.

Exempel

I detta exempel finns två delar, var och en med en rubrik och en tillhörande ruta, där rubriken antingen är placerad till höger eller vänster om rutan. En person som ser skärmen kan de enkelt se vilken rubrik som hör till vilken ruta. Men för en användare med skärmläsare kan det låta som: ”Rubrik 1, innehåll till rubrik 1, innehåll till rubrik 2, rubrik 2.” Detta kan ge intrycket att innehållet för rubrik 2 hör ihop med rubrik 1, vilket gör att det verkar som om rubrik 2 saknar innehåll.

I just detta exempel är koden rätt och ordningen har enbart ändrats med hjälp av styling. Detta gör att innehållet istället läses upp som ”Rubrik 1, innehåll till rubrik 1, rubrik 2, innehåll till rubrik 2”, vilket gör det enkelt att förstå vilken ruta som hör till vilken rubrik.

Undantag

Riktlinjen gäller endast när ordningen på innehållet påverkar meningen. Det är godkänt att ha en visuell struktur som skiljer sig från den maskinläsbara, så länge innehållets mening inte påverkas.

Läs mer om riktlinje 1.3.2 på W3Cs webbplats.