Tekst met te weinig contrast

Melding in axe en Lighthouse: Elements must meet minimum color contrast ratio thresholds · color-contrast · WCAG 1.4.3

Wat het betekent en waarom het belangrijk is

Mensen met een visuele beperking, of in de zon, kunnen tekst met weinig contrast niet lezen. WCAG 1.4.3 vraagt 4,5:1 voor normale en 3:1 voor grote tekst.

Zo los je het op

Maak de tekst donkerder of de achtergrond lichter tot minstens 4,5:1. Typische plekken: knoppen, placeholders, prijzen, footerlinks.

Codevoorbeeld

Voor

<p style="color:#9a9a9a; background:#ffffff">Free delivery from €49</p>  <!-- 2.8:1 -->

Na

<p style="color:#595959; background:#ffffff">Free delivery from €49</p>  <!-- 7.0:1 -->

Alle toegankelijkheidsfouten