I den här guiden går jag igenom hur jag gör när jag snabbtestar webbplatser. Det finns åtta punkter, varav tre (därav guidens namn) är kritiska för min bedömning.
Kontrollera de här punkterna
När jag kollar en webbplats gör jag det oftast med verktygsfältet Web Acessibility Toolbar i Internet Explorer, det är installerat som standard i min dator. Inom parentes finns respektive funktion i verktygsfältet. Jag börjar med de här punkterna, i fallande ordning:
- Kollar om sidans rubriker är rätt kodade (structure/heading).
- Jag stänger av stilmallen, då ser jag hur sidan ser ut egentligen (css/disable css). Sitter allt på rätt plats?
- Passar på att ”tabba” fram och tillbaka på webbplatsen
- Jag tittar på länkarna är skrivna. Mycket ”läs mer”, ”klicka här” eller ”Länk till…”?
- Alt-texter på bilder, finns det (images/remove images)? I så fall, på vilken typ av bilder?
- Finns det tabeller för layout (tables/table borders)?
- Är sidan byggd i frames? Länkar den in information i en iframe (frames/frameborders)?
- Validera koden brukar jag göra ganska sent, om ens alls (check/validate HTML).
Tre viktigaste stegen
Med det här helt ovetenskapliga testet som inte bygger på någon checklista går det fort att få en första uppfattning om hur pass tillgänglig webbplatsen är. Det är egentligen redan efter rubriktesten, tabbandet och utseendet på länkar som jag gör min bedömning.
- Att rubriker är rätt kodade är viktigast, eftersom grupper med hjälpmedel tar fram listor på rubriker för att skaffa sig en uppfattning om vad sidan handlar om, och var det man letar efter kan möjligen kan tänkas finnas.
- Tabbfunktionen måste komma i en bra ordning, eftersom gruppen så vitt jag förstått sällan eller aldrig använder mus. De använder också kortkommandon för navigering, särskilt i skärmläsaren Jaws. Därför är det viktigt att alla objekt (länkar, sökrutor, formulär) går att nå utan att man måste ha en mus installerad. Gäller även mobila enheter.
- Länkarna är vägen in i webbplatsen, det är de som pekar på informationen. Det går också att ta fram listor på länkar i skärmläsarna, för att få en överblick. En överblick som seende skaffar sig i alla fall.
När jag kommit så långt och inte är nöjd med det jag hittat, behöver jag egentligen inte göra resterande steg, eftersom jag ser att så pass grundläggande bitar inte fungerar. Du hittar lite fördjupning kring rubriker och länkar i min tidigare guide Testa grundläggande tillgänglighet med Firefox.
Kommentera gärna
Vad tyckte du om den här guiden? Har du ett eget litet test som du gör på dina eller andra webbar? Skriv gärna en kommentar.
Jättebra guide Lars! Detta skall tillämpas vid nästa projekt
Hej Erik
Tack, jag behöver väl inte påpeka att guiden bara ger en snabb överblick och inte är en djuplodande analys. Jag använder den själv ofta när jag skall bedöma de viktigaste bitarna på en webbplats. Hoppas att du har hittat skäl att komma tillbaka.