Praktisk tilgængelighedstjek af små virksomheders hjemmesider

Vælg en opgave med reel betydning: Find åbningstider, indhent tilbud, bestil bord, book en tid, køb et produkt eller send en forespørgsel. Begynd dér, hvor en ny kunde sandsynligvis lander, og fortsæt til bekræftelsen. Medtag forsiden, den relevante service- eller produktside, formularen samt kvittering og fejlmeddelelser.

Brug den version, kunderne faktisk møder. En feriebolig med tyske gæster bør teste den tyske bookingrejse, mens en dansk rådgiver kan gå fra ydelsessiden til “Få et tilbud”. Notér enhed, browser, sprog og sider, så en kollega kan gentage kontrollen.

Klik i adresselinjen, og navigér med Tab, Skift+Tab, Enter, mellemrum og piletaster. W3C anbefaler at kontrollere, at alle links, knapper, felter, menuer og mediekontroller kan nås, at fokus bevæger sig i en logisk rækkefølge, og at det aktive element har en synlig ramme eller markering.

En alvorlig barriere er en tastaturfælde: Fokus går ind i en menu, dialog, datovælger eller cookieboks og kan ikke komme ud. Notér også kontroller, der springes over, usynligt fokus eller en bestillingsknap, som kun reagerer på et museklik. Skriv den præcise side og handling frem for blot “tastaturet virker ikke”.

Læs siden i normal størrelse, og zoom derefter browseren til 200 procent. Vigtig tekst og betjening skal stadig være tilgængelig uden overlap, forsvundne dele eller besværlig vandret rulning. Brug ikke mobilvisningen som eneste test; zoom er også vigtigt for personer med nedsat syn, der arbejder på en computer.

Se efter lys tekst, instruktioner der kun bruger farve, uklare links som “klik her” og overskrifter valgt efter udseende frem for struktur. Man skal kunne skimme overskrifterne og forstå siden. “Bestil et besøg” er mere tydeligt end “Send”. Et kontrastværktøj hjælper, men resultatet skal vurderes menneskeligt i det rigtige design.

W3C fastslår, at informative billeder skal have tekstalternativer, som formidler den væsentlige information. Et billede af et feriehus kan beskrive den niveaufri indgang, der vises; et billede, som fungerer som link, skal fortælle om destination eller handling. Rent dekorative billeder bør normalt have tom alternativ tekst, så skærmlæseren kan springe dem over.

Brug ikke filnavnet som beskrivelse, og fyld ikke teksten med søgeord. Spørg, hvad kunden ville mangle, hvis billedet ikke blev indlæst. Hvis teksten ved siden af allerede forklarer det, kan en kort beskrivelse være nok. Diagrammer, kort, menukort, prislister og åbningstider, der kun vises som billeder, skal også have de vigtige oplysninger som tekst.

Kontakt-, tilbuds-, booking- og betalingsformularer er steder, hvor en barriere direkte kan koste en henvendelse. Hvert felt skal have en tydelig etiket. Obligatoriske oplysninger må ikke kun markeres med rødt, og eksempler bør forklare lokale formater for dato, landekode, postnummer eller decimaler, når det er relevant.

Send formularen tom, indtast en ugyldig e-mailadresse, og ret derefter fejlen. W3C anbefaler korte fejlmeddelelser, der er nemme at finde og konkret forklarer løsningen. Kontrollér, at korrekt indtastede data bliver stående, og at en synlig bekræftelse fortæller, hvad der sker nu. Gentag hele forløbet med tastatur.

På en lille skærm skal knapper være nemme at trykke på, tekst kunne forstørres, menuer åbne og lukke, og faste bjælker må ikke dække næste trin. Vend telefonen, og prøv gerne med en langsom forbindelse. En kontrol, der teknisk findes, er stadig ubrugelig, hvis den ligger bag en cookieboks.

Gennemgå derefter hvert sprog som en selvstændig kundeoplevelse. Tyske knapper kan være længere end danske, mens adressefelter og bestillingstermer varierer mellem markeder. Kontrollér sidens angivne sprog, overskriftsrækkefølge, feltetiketter, fejl, billedalternativer og bekræftelser – ikke kun brødteksten.

Lav en enkel tabel med side, opgave, barriere, hvem der rammes, alvor, ansvarlig og måldato. Ret først blokeringer i vigtige forløb: En bookingknap, der ikke kan nås, betyder mere end en mindre mangel ved et dekorativt ikon. Tag derefter gentagne fejl i navigation, formularer og skabeloner, fordi én rettelse kan forbedre mange sider.

Et mindre badehotel opdager for eksempel, at datovælgeren ikke kan bruges med tastatur, fejlteksten er for lys, og værelsesbilleder mangler nyttige beskrivelser. Først gøres booking og fejl håndterbare; derefter forbedres den fælles værelsesskabelon. Rækkefølgen følger kundens mulighed for at lykkes, ikke den fejl, der er lettest at tælle.

Test hovedforløbet igen efter ændringer i navigation, formular, bookingsystem, samtykkeboks eller design. Tilføj tastatur, zoom, billedtekst, etiketter, fejl og mobil til udgivelseslisten. Lyt til rigtige brugere, og giv dem en tilgængelig måde at melde et problem på.

W3C er tydelig om, at intet automatisk værktøj kan afgøre, om en hjemmeside er tilgængelig. En rutine kombinerer hurtige tjek, automatisk scanning, menneskelig test og specialistvurdering, når risiko eller tjeneste kræver det. Så bliver tilgængelighed løbende kvalitetskontrol.