Tekstcontrast
Silktide meet het kleurverschil tussen de tekst op je pagina's en de achtergrond erachter, en rapporteert tekst waarvan de kleur te veel lijkt op die van de achtergrond om comfortabel te kunnen lezen. Dit is de minimale contraststandaard die de meeste toegankelijkheidswetten voorschrijven.
Waarom dit belangrijk is
Tekst met een laag contrast is een van de meest voorkomende en meest schadelijke problemen op het gebied van toegankelijkheid op het web. Mensen met een beperkt gezichtsvermogen, oudere lezers en iedereen die een scherm in fel zonlicht of met een lage helderheid gebruikt, kunnen lichtgrijze tekst op een witte achtergrond vrijwel onzichtbaar vinden. Omdat de minimale contrastwaarden deel uitmaken van - de standaard waarnaar de meeste wetten en contracten verwijzen - brengt het niet voldoen hieraan ook juridische risico's met zich mee.
Zo los je dit op
- Maak de tekst donkerder of de achtergrond lichter (of andersom bij donkere ontwerpen) totdat de combinatie aan de vereiste verhouding voldoet. Elke bevinding toont de twee kleuren, de gemeten en de vereiste verhouding.
- Wijzig de kleur in de stylesheet of thema-instellingen van je website in plaats van op afzonderlijke pagina's, zodat de oplossing overal wordt toegepast waar die stijl wordt gebruikt.
- Als je een bevinding acceptabel vindt - bijvoorbeeld tekst in de stijl van een placeholder die opzettelijk minder nadruk krijgt - kun je deze in plaats daarvan .
Zo test Silktide dit
- Onderzoek elk zichtbaar tekstonderdeel op de pagina, waarbij verborgen tekst, tekst in SVG-afbeeldingen en elementen die je hebt uitgesloten van controles worden overgeslagen.
- Bepaal de effectieve tekstkleur en achtergrondkleur, waarbij rekening wordt gehouden met transparantie en bovenliggende elementen. Alleen tekst op een effen achtergrondkleur wordt hier gemeten; tekst over afbeeldingen of kleurverlopen wordt behandeld door Tekstcontrast over afbeeldingen.
- Bereken de contrastverhouding tussen de twee kleuren.
- Rapporteer tekst onder het vereiste minimum: 4,5:1 voor gewone tekst of 3:1 voor grote tekst. Tekst geldt als groot wanneer deze minimaal 18 punten (24 pixels) groot is, of minimaal 14 punten (ongeveer 19 pixels) met een vetgedrukte dikte (600 of hoger).
Problemen oplossen
Tekst over een foto of kleurverloop wordt hier niet gerapporteerd
Wanneer de achtergrond een afbeelding of kleurverloop is, is er geen achtergrondkleur waartegen één meting kan worden uitgevoerd. Daarom worden deze gevallen afzonderlijk gerapporteerd door Tekstcontrast over afbeeldingen.
Dit is de AA-versie van twee gerelateerde controles
Deze controle test WCAG-succescriterium 1.4.3 (niveau AA), het algemeen vereiste minimum. Een strengere AAA-versie, succescriterium 1.4.6, wordt getest door Hoog tekstcontrast. De twee controles delen je beslissingen: als je een bevinding in de ene controle goedkeurt of negeert, geldt dat ook voor dezelfde bevinding in de andere.
De tekst ziet er voor mij goed uit
Contrast dat er op jouw scherm acceptabel uitziet, kan voor anderen toch niet voldoende zijn - monitoren, helderheidsinstellingen en gezichtsvermogen verschillen enorm. De gemeten verhouding is objectief; vertrouw daarop in plaats van op een visuele indruk.