De toegankelijkheid van je website testen: lettertype vergroten
- 25 februari 2023
- 3 minuten
Dit is deel 2 van onze blogreeks over het testen van de toegankelijkheid van je website. Lees ook de andere delen:
Kleur en contrast
Toetsenbordnavigatie
Automatisch testen
Screenreaders
Wil je aan de slag met de toegankelijkheid van je website? Dan helpt het om eerst te testen hoe je website er nu voor staat. Daar leer je veel van, waardoor je daarna meer gerichte maatregelen kunt nemen. Dit is deel 2 van onze blogreeks over het testen van de toegankelijkheid van je website. In dit deel bespreken we het vergroten van het lettertype op je website.
Veel mensen met een visuele beperking kunnen de tekst op je website niet lezen in het normale formaat. Zelfs mensen met gezonde ogen hebben soms de behoefte om tekst te vergroten. Bijvoorbeeld omdat letters te klein zijn of ogen vermoeid. Soms gebruiken mensen een loepje, maar vaker vergroten ze de letters op de website zelf. Dat kan op allerlei manieren. Bijvoorbeeld met digitale vergrootglazen in de browser of met vergrotingssoftware. Wat gebeurt er met jouw website als iemand het lettertype vergroot?
De WCAG over het vergroten van tekst
Ook in de WCAG wordt er iets gezegd over het vergroten van tekst. In succescriterium 1.4.4 staat het volgende:
Alle tekst moet zonder software tot 200% te vergroten zijn, zonder verlies van content of functionaliteit. Captions of afbeeldingen van tekst vallen niet onder dit criterium.
Het is belangrijk dat er bij het vergroten van het lettertype geen bruikbaarheidsproblemen ontstaan. Soms zal tekst bij schaling bijvoorbeeld afgekapt worden, overlappen met andere inhoud of te veel verticaal worden getoond (doordat er bijvoorbeeld maar 1 woord op een regel past).
Volgens de werkgroep van de WCAG kunnen gebruikers beter de hele pagina inzoomen (dus niet alleen de tekst) als ze het lettertype met meer dan 200% willen vergroten. Het zou kunnen dat de gebruiker dan horizontaal of verticaal moet scrollen. Bij het vergroten van het lettertype met meer dan 200% ontstaan de eerder genoemde bruikbaarheidsproblemen namelijk eerder.
Wat gebeurt er als je het lettertype vergroot op jouw website?
Wat gebeurt er met jouw website als je het lettertype met 200% vergroot of als je inzoomt op de pagina? Is de tekst dan nog leesbaar? Kun je nog steeds eenvoudig de weg vinden op je site? Functioneert alles nog naar behoren? Er zijn een aantal softwarepakketten beschikbaar waarmee je het lettertype kunt vergroten. Voorbeelden zijn Magic, ZoomText of Supernova. Deze zijn voor dit soort tests echter nogal kostbaar. Binnen ieder besturingssysteem wordt ook een gratis mogelijkheid geboden om in te zoomen:
Lettertype vergroten en zoomen in Windows: als je in Windows naar Instellingen en dan naar Toegankelijkheid gaat, vind je de optie om tekst te vergroten. Ook kun je gebruik maken van een vergrootglas.
Lettertype vergroten en zoomen in MAC OS: ook met Apple-apparaten kun je letters vergroten door in de MAC OS toegankelijkheidsopties Apple Zoom in te schakelen en in te zoomen op een webpagina.
Check in elk geval deze punten
Check tijdens het vergroten van je tekst minimaal het volgende:
- Is alle content nog steeds aanwezig op de pagina en bevindt deze zich nog in een logische volgorde?
- Overlapt een deel van de inhoud elkaar, komt het te dicht op elkaar of komt het juist ver uit elkaar?
- Wat gebeurt er met de paginanavigatie? Zijn navigatiebalken en menu’s nog zichtbaar?
- Hoe zit het met de algehele layout? Is je site responsive of begint tekst zich verticaal op te stapelen?
- Moet je horizontaal scrollen om alles te lezen? Zo ja, welke invloed heeft dat op de gebruikerservaring?
- Dit is een belangrijke: werkt alles nog? Werken links, knoppen, formulieren en menu’s nog steeds met ingezoomde inhoud?
In deel 3 van deze blogserie gaan we het hebben over het gebruik van het toetsenbord tijdens het navigeren over je website.