Succescriterium 1.4.11 Contrast van niet-tekstuele content
De visuele weergave van het volgende heeft een contrastverhouding van ten minste 3:1 ten opzichte van aangrenzende kleuren:
- Componenten van de gebruikersinterface: Visuele informatie die vereist is om componenten van de gebruikersinterface en statussen te identificeren, met uitzondering van inactieve componenten of componenten waarvan de weergave van de component wordt bepaald door de user agent en niet wordt aangepast door de auteur;
- Grafische objecten: Delen van afbeeldingen die vereist zijn om de content te begrijpen, behalve wanneer een specifieke weergave van afbeeldingen essentieel is voor de informatie die wordt overgebracht.
Contrast van niet-tekstuele content begrijpen (Engelstalig)
Niet-tekstuele onderdelen met te weinig contrast zijn een probleem voor iedereen, maar vooral mensen met een visuele beperking kunnen deze onderdelen niet (of niet goed) zien. Gebruik daarom voor niet-tekstuele bedieningselementen en grafische objecten een contrastverhouding van ten minste 3:1.
Contrastverhouding is het verschil in helderheid tussen de voorgrond- en achtergrondkleuren.
Onder niet-tekstuele bedieningselementen vallen formulierelementen, maar ook iconen die een link of knop zijn. De contrasteis geldt ook voor de statussen van deze bedieningselementen (zoals hover of focus).
Onder grafische objecten vallen afbeeldingen zoals diagrammen, grafieken en informatieve iconen.
Uitzonderingen zijn:
- bedieningselementen die inactief zijn
- elementen die puur decoratief zijn
- elementen waarvan de weergave wordt bepaald door de browser en niet wordt aangepast door de auteur
- elementen waarvan een specifieke weergave essentieel is, zoals onderdelen van een logo of merknaam
Hoe pas je dit toe?
- Gebruik een contrastverhouding van minimaal 3:1 voor niet-tekstuele bedieningselementen.
- Gebruik een contrastverhouding van minimaal 3:1 voor statussen van niet-tekstuele bedieningselementen.
- Gebruik een contrastverhouding van minimaal 3:1 voor grafische objecten.
Voor wie is dit belangrijk?
- Mensen die slechtziend of kleurenblind zijn.
Wie is verantwoordelijk?
- Vormgever