Kleur
Carrousel-bolletjes: actief = blauw, inactief = grijs
Vijf bolletjes onder een carrousel. Het derde is blauw. De rest grijs.
Actieve pagina in het menu: alleen een andere kleur
Home. Over ons. Diensten. Contact. Je bent op “Diensten.” Hoe weet je dat? De tekst is blauw in plaats van zwart.
Groene rij = goedgekeurd, rode rij = afgewezen
Een tabel met aanvragen. Groen: goedgekeurd. Rood: afgewezen. Oranje: in behandeling.
Formulierveld kleurt rood bij een fout. Dat is alles.
Je vult je e-mailadres verkeerd in. De rand van het veld wordt rood.
Links die alleen door kleur herkenbaar zijn
Een alinea tekst. Ergens staat een link. Blauw. Geen onderstreping.
Zijn je formulieren goed zichtbaar?(WCAG 1.4.11)
Non-text Contrast: waarom je formuliervelden, knoppen en iconen onzichtbaar zijn voor slechtzienden (WCAG 1.4.11) Je staat met je telefoon in de felle zon voor een museum. Je wilt tickets kopen, maar het formulier op de website is nauwelijks zichtbaar. Invoervelden met lichtgrijze randjes, knoppen die opgaan in de achtergrond: je tuurt, draait je scherm, houdt je hand erboven. Uiteindelijk geef je het op en sluit je aan bij de rij voor de kassa.
SC 1.4.1 - Wat betekent "Gebruik van kleur"?
Een invoerveld dat rood kleurt bij een fout. Een groene stip voor beschikbaar en een rode voor bezet. Links die alleen een ander kleurtje hebben dan de tekst eromheen. Voor wie kleuren niet of anders ziet, verdwijnt die informatie volledig. Daarom zegt WCAG: kleur mag nooit de enige visuele manier zijn om informatie over te brengen.
SC 1.4.11 - Wat betekent “Contrast voor niet-tekstuele onderdelen”
Toegankelijkheid gaat niet alleen over leesbare tekst. Ook visuele elementen zoals knoppen, iconen, formuliervelden en focusindicatoren moeten duidelijk zichtbaar zijn. Als deze nauwelijks afsteken tegen de achtergrond, kunnen gebruikers belangrijke functies of informatie missen.
SC 1.4.3 - Wat betekent "Contrast (minimum)"?
Lichtgrijze tekst op een witte achtergrond. Het oogt rustig en modern, maar met een beetje zon op je scherm is er niets meer van te lezen. Voor bezoekers die minder goed zien is dat niet af en toe zo, maar altijd. Daarom zegt WCAG: tekst moet genoeg contrast hebben met de achtergrond.