Toegankelijkheid: Tekst en afbeeldingen voorbereiden
Leestijd 2 minuten
Bezoekers met een beperkt gezichtsvermogen vinden het misschien moeilijk om het verschil te zien tussen de voor- en achtergrond van de pagina's van je website. Om de toegankelijkheid voor hen te vergroten, raden we het volgende aan:
- Verander het contrast van de tekstkleur en de achtergrondkleur in een verhouding van 4,5:1 voor normale tekst en 3:1 voor grote tekst.
- Een contrastverhouding van minimaal 3:1 voor grafische elementen en componenten van de gebruikersinterface (zoals formulierinvoerranden, tijdelijke aanduidingen, enz.).
- Niveau AAA vereist een hogere contrastverhouding van minimaal 7:1 voor normale tekst en 4,5:1 voor grote tekst.
Let op:
Grote tekst wordt gedefinieerd als boven 14 punten (ongeveer 18 px) en vetgedrukt, of 18 punten (ongeveer 24 px).
Kleurcontrasten testen
Er zijn talloze websites en browser-plug-ins zoals Contrast Checker die het kleurcontrast testen door de voor- en achtergrondkleuren te vergelijken (met de kleurcodes). Voor het controleren van het kleurcontrast voor tekst op een achtergrondafbeelding, raden we aan om Colour Contrast Analyser te gebruiken. Hiermee kun je de achtergrondkleur kiezen en vervolgens testen.
Laat me zien hoe ik de kleurcodes kan vinden in de Wix Editor
Laat me zien hoe ik de kleurcodes in Wix ADI kan vinden
Laat me zien hoe ik het kleurcontrast aanpas in de Toegankelijkheidswizard
Geef je grafieken of gegevens weer op je website?
Kleuren met hoog contrast zijn een goede manier om gegevens op je website weer te geven. We raden echter ook aan om andere indicatoren (zoals texturen en patronen) te gebruiken om onderscheid te maken tussen informatie.
Volgende stap:
Ga terug naar de Toegankelijkheidschecklist om verder te werken aan de toegankelijkheid van je website.
Vond je dit artikel nuttig?
|