Wat er op de knop staat, moet de knop ook heten
Er staat "Aanvraag versturen" op, maar in de code heet hij "Verzenden". Wie met zijn stem bedient, komt dan niet verder.
Wat er misgaat
De knop heet anders dan er op staat
Op bijna de helft van de onderzochte sites komt dit voor, en het is de minst bekende van onze tien meest voorkomende fouten. Er staat "Aanvraag versturen" op de knop, maar in de code heet hij "Verzenden".
Elke knop en elke link heeft naast zijn zichtbare tekst ook een naam in de code: de toegankelijke naam. Meestal zijn die twee hetzelfde, want de naam komt gewoon uit de tekst. Maar zodra iemand er een label bij zet, een icoon gebruikt of een titel invult, kunnen ze gaan verschillen.
Dat merk je niet als je kijkt, en wel als je praat. Wie zijn computer met zijn stem bedient, zegt wat hij ziet: "klik Aanvraag versturen". Heet die knop in de code anders, dan gebeurt er niets. De bezoeker ziet de knop, noemt hem bij naam, en de computer kent die naam niet.
Het treft meer mensen dan je denkt. Spraakbediening wordt gebruikt door mensen met een motorische beperking, maar ook door iemand met een gebroken arm, of door wie zijn handen nodig heeft voor iets anders.
Wat je doet
Laat de naam beginnen met wat je ziet
- Vul geen afwijkende titel of omschrijving in bij een knop of link waar al tekst op staat. Laat het veld leeg, dan wordt de zichtbare tekst de naam.
- Moet er toch iets bij, begin dan met precies de zichtbare woorden en vul daarna aan. "Aanvraag versturen (opent een bevestiging)" is goed, "Formulier afronden" niet.
- Let op beeldlinks. Een logo of pictogram dat als link dient, krijgt zijn naam uit het tekstalternatief. Staat er tekst naast in dezelfde link, dan hoort het beeld juist een leeg alternatief te hebben.
- Wees consequent. Heet de knop op de ene pagina "Aanvragen" en op de andere "Aanvraag starten" terwijl ze hetzelfde doen, dan is dat ook een bevinding.
Zelf nakijken
Zeg het hardop
Loop je pagina langs en lees elke knop en elke link hardop voor, alsof je iemand aan de telefoon uitlegt waar hij moet klikken. Wat je zegt, is wat een spraakgebruiker zal zeggen.
Wil je zeker weten hoe iets in de code heet: ga er met je muis overheen en kijk of er een tekstvlagje verschijnt dat afwijkt van wat er staat. Dat is vaak het eerste spoor.
Heb je nog vragen?
Kom je er niet uit, of klopt iets niet met wat jij op je scherm ziet? Laat het weten.