Uw website laten testen met een screenreader

Dat betekent dat de structuur in de code het werk doet. Ontbreken echte koppen, dan valt er niets te scannen. Staan er twintig links met de tekst "Lees meer", dan is de linklijst nutteloos. Zijn de vlakken van de pagina niet als landmark gemarkeerd, dan kan de gebruiker niet in één keer naar de inhoud. Over dat laatste gaat landmarks als plattegrond van de pagina.

Elke combinatie heeft eigenaardigheden. Een uitklapmenu dat in NVDA goed wordt aangekondigd, kan in VoiceOver op de iPhone net anders klinken. Daarom testen wij de belangrijkste taken op desktop en op mobiel. Commerciële screenreaders zoals JAWS worden ook gebruikt, vooral in werkomgevingen. Heeft u een doelgroep waarvan u weet dat die er veel mee werkt, dan stemmen wij de test daarop af.

1. Taken kiezen. Samen met u bepalen wij wat bezoekers op uw site moeten kunnen: contact opnemen, een product kopen, een afspraak maken, een document downloaden, informatie vinden.
2. Oriënteren. Per pagina kijken wij wat een gebruiker in de eerste seconden hoort: de paginatitel, de taal, de koppen, de landmarks, de links.
3. Taken uitvoeren. Wij doorlopen elke taak volledig met de screenreader, zonder naar het scherm te kijken waar dat kan. Wat blijft er onduidelijk, waar lopen wij vast?
4. Vastleggen. Per bevinding noteren wij wat wij hoorden, wat wij hadden moeten horen, op welke pagina, en hoe het in de code is op te lossen.
5. Herstel en hertest. Na het herstel doorlopen wij dezelfde taken opnieuw.

Een screenreadertest staat zelden op zichzelf. Hij is onderdeel van een volledige WCAG-audit, of een gerichte test van één onderdeel, zoals een nieuwe checkout of een aangepast formulier. Bij de toetsenbordtest overlapt hij deels, want een screenreader leunt op dezelfde bediening; die test staat bij bediening met alleen een toetsenbord.

• Knoppen en links zonder naam. Iconen voor zoeken, winkelwagen, sluiten of sociale media die worden voorgelezen als "knop" of als een lange URL.
• Alt-teksten die niet kloppen. Bestandsnamen als "IMG_4021 jpg", of juist een uitgebreide beschrijving bij een decoratieve achtergrondfoto. Hoe u ze goed schrijft, staat in alt-teksten schrijven.
• Meldingen die stil blijven. "Toegevoegd aan winkelwagen", "Uw bericht is verzonden" of "3 resultaten gevonden" verschijnen op het scherm, maar worden niet voorgelezen.
• Verborgen inhoud die toch wordt voorgelezen. Een gesloten mobiel menu of een dichte pop-up waarvan de inhoud in de leesvolgorde blijft staan.
• Verkeerde status. Een uitklapblok dat niet laat horen of het open of dicht is, een tabblad dat niet zegt welke tab actief is.
• Formulieren zonder samenhang. Velden zonder label, foutmeldingen die niet aan het veld gekoppeld zijn, keuzerondjes zonder de vraag erbij. Wat daaraan te doen is, staat op toegankelijke formulieren.
• Paginatitels die niets zeggen. Elke pagina heet "Home" of draagt alleen de bedrijfsnaam, zodat een gebruiker met meerdere tabbladen open niet weet waar hij is.
• Verkeerde taal. Een Nederlandse pagina die als Engels staat ingesteld, waardoor de stem alles met een Engelse uitspraak voorleest.

Verwacht niet dat u als beginner een goed oordeel kunt vellen. Ervaren gebruikers werken veel sneller en met andere strategieën dan iemand die het voor het eerst probeert. Iets wat u als beginner lastig vindt, kan voor hen prima werken, en andersom. Daarom laat u de beoordeling liever doen door iemand die er dagelijks mee test. Dat doen wij, of een gespecialiseerde partij; voor een echt gebruikersonderzoek met mensen die blind of slechtziend zijn, verwijzen wij u door, want dat doen wij zelf niet. Het hele traject van test tot onderhoud vindt u op de overzichtspagina over een toegankelijke website.