Niet-tekstueel contrast
UI-componenten en grafische objecten hebben minimaal 3:1 contrast nodig. Geldt voor iconen, formulierranden, grafiekonderdelen, focusindicatoren — alles betekenisvol dat geen tekst is.
Niet alleen de tekst moet goed opvallen — ook pictogrammen, de randen van invoervelden en de kleuren van grafieken moeten duidelijk genoeg zijn om goed te kunnen zien.
Waarom dit belangrijk is
Vage pictogrammen, invoerlijnen en grafiekkleuren zorgen ervoor dat mensen met een verminderd gezichtsvermogen moeten raden waar ze moeten klikken of wat een bedieningselement betekent — hetzelfde geldt voor de honderden miljoenen mensen die last hebben van een te laag tekstcontrast, plus iedereen die op een scherm met schittering werkt.
Hoe te detecteren
Controleer het contrast van de kleuren van pictogrammen, de randen van invoer- en focusringen en de segmenten van grafieken ten opzichte van hun achtergrond — elk element moet een contrastverhouding van ten minste 3:1 hebben. Vergeet de hover- en uitgeschakelde statussen niet.