Spring naar inhoud
Inloggen

Wat ‘ziet’ je bezoeker met visuele beperking? Test het zelf!

Blog

Leestijd
5 min lezen
Datum

Voor mensen met een visuele beperking is toegang tot online informatie net zo belangrijk als voor mensen zonder visuele beperking. Maar helaas zijn nog niet alle websites even toegankelijk voor bezoekers die gebruik maken van voorleessoftware. Hoe zit dat met jouw website? Is die digitaal toegankelijk? Je kunt dit laten onderzoeken door gespecialiseerde bedrijven die de content en de code van je website doorlichten en een rapport daarvan maken. Maar je kunt dit ook zelf testen. Ik daag je uit om in de huid te kruipen van je bezoeker met een visuele beperking en je eigen website te bezoeken met behulp van voorleessoftware! Hoe? Dat lees je hier.

Auteur
Claudia Terpstra
Functie
Support Specialist

Stap 1: de voorleessoftware activeren

Zowel Windows als Mac hebben ingebouwde voorleessoftware. In dit artikel leggen we je uit hoe je deze standaard programma's kunt gebruiken. Je hoeft dus geen programma's te downloaden om je website te kunnen testen.

Voorleessoftware in Windows: Verteller

In Windows 10 en 11 vind je het programma Verteller. Dit programma kun je openen met de toetscombinatie ‘Ctrl’ + ‘Windows-knop’ + ‘Enter’. Op deze supportpagina van Microsoft vind je de handleiding voor dit programma. Hier worden de functies uitgelegd die je nodig hebt om de Verteller te gebruiken voor het bekijken van een webpagina.
Om een beetje handigheid te krijgen met het gebruik van Verteller is het handig om naar een willekeurige website te gaan en te testen hoe je met de verschillende toetsen navigeert door de tabbladen en de content leest. Ga nog niet naar je eigen website; dat komt straks!

Screenshot Windows Verteller

Voorleessoftware op de Mac: VoiceOver

Voor de Mac is er het standaard programma VoiceOver. Om deze te openen klik je op het appeltje en vervolgens ga je naar ‘Systeemvoorkeuren’, ‘Toegankelijkheid’, ‘VoiceOver’. VoiceOver geeft je de mogelijkheid om een korte training te doen om de beschikbare functies in dit programma te leren kennen. Je kunt deze training volgen of de handleiding bekijken. Deze vind je hier op de supportpagina van Apple.

Screenshot VoiceOver

Goed om te weten

Uit onderzoek van het Amerikaanse platform Webaim blijkt dat de ingebouwde software voor Windows niet veel gebruikt wordt door gebruikers met een visuele beperking. Zij kiezen vaker voor de programma’s JAWS of NVDA. De standaard software van Apple staat wel in de top 3 van meest gebruikte programma’s. Wil je vaker testen met voorleessoftware op Windows, download dan een van de genoemde programma's.

Stap 2: je website testen

Als je eenmaal weet welke toetsen je nodig hebt om door je website te navigeren, is het tijd voor de volgende stap. Formuleer een aantal opdrachten die een gemiddelde bezoeker op je website uitvoert of die aansluiten bij de doelstellingen van je website. Denk bijvoorbeeld aan:

  • Het invullen van een aanmeldformulier.
  • Telefoonnummer of e-mailadres van jouw organisatie gemakkelijk kunnen vinden.
  • Een blog lezen.
  • De belangrijkste informatie over je product of dienst lezen.
  • Een product bestellen.
  • De zoekfunctie gebruiken om bepaalde informatie te vinden.

Nu je je opdrachten hebt geformuleerd, ga je je website bezoeken en deze opdrachten uitvoeren. Maak daarbij je beeldscherm wat donkerder, zodat je zelf niet meer goed kunt lezen wat er op je scherm staat. Hiermee simuleer je wat iemand met slecht zicht (niet) ziet.

Tip: Als je zelf je website door en door kent en precies weet waar alle informatie staat (wat logisch is als je hier dagelijks mee bezig bent), laat dan ook eens iemand anders deze tests uitvoeren.

screenshot: website wordt voorlezen met VoiceOver

Stap 3: je opdrachten evalueren

Heb je alle opdrachten uitgevoerd, dan ga je deze evalueren. Noteer voor jezelf alle dingen die je zijn opgevallen. Bijvoorbeeld:
Een deel van de informatie staat als tekst in een afbeelding en wordt dus niet (voor)gelezen.

  • Linkteksten zijn niet duidelijk. Je weet niet waar de ‘klik hier’ link naartoe gaat.
  • Afbeeldingen worden voorgelezen als ‘IMG435667.jpg’ ipv ‘foto hoofdkantoor.jpg’.
  • Je bent best wel lang bezig voordat je de gewenste informatie hebt gevonden.
  • De indeling van een tekst (koppenstructuur) is niet duidelijk of niet logisch.
  • Afkortingen die in de tekst staan worden door de voorleessoftware niet goed herkend en voorgelezen.

Stap 4: verbeteringen doorvoeren

Nu je de resultaten van je test hebt, weet je welke aanpassingen nodig zijn om je website toegankelijker te maken voor mensen met een visuele beperking. Een aantal dingen kun je zelf aanpassen. Zoals bijvoorbeeld het herstructureren van teksten op je website, beter gebruik maken van (tussen)koppen, het verduidelijken van linkteksten en het toevoegen van alt-tags.  Lees ook nog eens onze blog ‘Je content optimaliseren voor de WCAG’ voor meer tips. 

Mogelijk ben je ook dingen tegengekomen die je zelf niet kunt oplossen. Bijvoorbeeld knoppen die je niet kunt openen of teksten die door de voorleessoftware worden overgeslagen. Verzamel deze punten en leg deze voor aan de ontwikkelaar van je website. Die kan daar vervolgens mee aan de slag.

Door zelf te ervaren hoe het is om een website te bezoeken met behulp van voorleessoftware, krijg je een nog beter beeld van de ervaringen van je gebruikers. En het helpt je in de toekomst om nieuwe pagina's en teksten goed te structureren. Zelfs als je alle WCAG-richtlijnen kent is het aan te raden om te testen met voorleessoftware. Zo zie, eh, hoor je dat er toch nog wat foutjes in je website zitten waar je zelf overheen gekeken had.

Meer weten? Bekijk ons WCAG-dossier

Hier staat meer informatie over de manier waarop jij je website toegankelijk kunt maken. Inclusief een whitepaperwebinar en meer.

Heb je vragen over WCAG?

Ik help je graag

Wouter van der Veen

Consultant Digitale Toegankelijkheid

050 2101200 w.vd.veen@iwink.nl