Ga naar hoofdinhoud
WCAG 1.4.11 - LogoWCAG 1.4.11 - Logo

Succescriterium 1.4.11 - Niveau AA

Contrast van niet-tekstuele content

Zorg dat de inhoud op het scherm een contrastverhouding heeft van minimaal 3:1. Denk hierbij aan grafische elementen zoals iconen, invoervelden en de focus indicator. Zorg ook dat geselecteerde elementen duidelijk herkenbaar zijn. Hierdoor kunnen slechtziende en kleurenblinde gebruikers de inhoud goed onderscheiden. Apps zijn hierdoor voor iedereen makkelijker te gebruiken, bijvoorbeeld buiten in de zon.

Impact

  • Voor slechtziende mensen is voldoende contrast belangrijk om alles te kunnen zien.

  • Voldoende contrast maakt een app voor iedereen makkelijker te gebruiken. Bijvoorbeeld als je de telefoon in de zon wilt gebruiken is contrast belangrijk.

Controleren

Is het contrast van de inhoud minimaal 3:1?

Je kunt een schermafbeelding maken van een app om de kleurcodes te bepalen en het contrast te berekenen. Dit kan bijvoorbeeld met de Contrast Checker van WebAIM.

Oplossing

Contrast berekenen

Ondersteun dark mode

Bronnen