1.3.1 Information och struktur A

Flera visuella ledtrådar brukar ge användare en uppfattning om hur en webbplats är uppbyggd. Exempelvis är en rubrik ofta lite större och fetstilt, en annan bakgrundsfärg kan visa att vissa element hänger ihop, eller att nyckelord visas i fetstil. Dessa visuella ledtrådar hjälper användare att snabbt förstå strukturen på en webbplats och hitta viktig information. Men en person med nedsatt syn kan inte uppfatta dessa ledtrådar och behöver därför andra sätt att förstå strukturen och sammanhanget på sidan.

Använd rätt kod

I HTML finns många olika taggar som kan användas till olika saker. Dessa taggar innehåller ofta kod som informerar hjälpmedel om komponentens funktion. Ett exempel på detta är en rubrik. Om utvecklare använder korrekta taggar som <h1> eller <h2>, kan skärmläsare identifiera dem som rubriker. När utvecklare istället använder en annan HTML-tagg och får den att se ut som en rubrik, kan inte skärmläsare veta att det ska föreställa en rubrik.

Ett annat exempel är en etikett till ett formulärfält. I etiketten står det “Efternamn” och visas precis ovanför inmatningsfältet. Om etiketten inte är korrekt kopplad till fältet i koden, kan inte användare med skärmläsare veta vilken information fältet frågar efter eftersom etiketten inte läses upp. När etiketten däremot är korrekt kopplad i koden, läses etiketten upp när användare navigerar till inmatningsfältet.

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