Webbtillgänglighet gör en webbplats lättare att använda för fler människor och förbättrar ofta kvaliteten även för användare utan funktionsnedsättning. Arbetet bör byggas in i design och utveckling i stället för att läggas till sist.

Tydlig struktur

Använd logisk rubrikordning, begripliga länkar och navigation som fungerar konsekvent mellan sidor.

Kontrast

Text och viktiga gränssnittselement behöver tillräcklig kontrast mot bakgrunden. Lita inte bara på färg för att visa fel eller status.

Tangentbord

Alla centrala funktioner bör kunna nås utan mus. Testa meny, formulär, dialoger och andra interaktiva komponenter med tangentbord.

Synlig fokusmarkering

Användaren behöver se vilket element som är aktivt vid tangentbordsnavigation. Ta inte bort fokusmarkering utan att ersätta den med något minst lika tydligt.

Formulär

Fält ska ha tydliga etiketter och felmeddelanden som förklarar vad som behöver rättas. Placeholder-text bör inte vara enda etiketten.

Bilder

Informativa bilder behöver relevant alt-text. Dekorativa bilder ska inte skapa onödigt brus för skärmläsare.

Video

Textning och andra alternativ kan behövas beroende på innehåll. Planera detta redan när videon produceras.

Zoom och responsivitet

Sidan ska fungera när text förstoras och på små skärmar utan att viktig information eller funktion försvinner.

Automatiska tester räcker inte

Verktyg kan hitta många tekniska fel, men inte bedöma om innehållet är begripligt eller om flöden faktiskt fungerar. Kombinera automatiska tester med manuell kontroll.

Testa tidigt

Tillgänglighet blir billigare att lösa när komponenter testas under utveckling. Lägg in kontrollen i samma process som mobiltest och kvalitetssäkring.

Se även lansera ny hemsida – checklista och företagshemsida som konverterar.

Sammanfattning

En tillgänglig hemsida kräver tydlig struktur, fungerande tangentbordsnavigation, bra kontrast och formulär som går att förstå. Testa både tekniskt och manuellt och gör tillgänglighet till ett löpande kvalitetskrav.