1.4.3Niveau AA1.4 Distinguishable

Contrast (minimum)

Text and images of text have a contrast ratio of at least 4.5:1, with exceptions for large text (3:1), incidental text, and logotypes.

Bekijk W3C-specificatie ↗axe: color-contrast

Wat het betekent

Contrast (minimum) begrijpen | Hoe te voldoen aan Contrast (minimum) (Niveau AA) De visuele weergave van tekst en afbeeldingen van tekst heeft een contrastverhouding van ten minste 4,5:1, behalve in de volgende gevallen: Grote tekst Grote tekst en afbeeldingen van grote tekst hebben een contrastverhouding van ten minste 3:1; Incidenteel Tekst of afbeeldingen van tekst die deel zijn van een inactieve component van de gebruikersinterface , die puur decoratief zijn, die voor niemand zichtbaar zijn, of die onderdeel zijn van een afbeelding die significant andere visuele content bevat, hebben geen contrasteis. Woordmerken Tekst die onderdeel is van een logo of merknaam heeft geen contrasteis.

Failing example

<!-- Fails: light gray text on white — contrast ratio ~2.3:1 -->
<style>
  .hint { color: #aaaaaa; background: #ffffff; }
</style>
<p class="hint">Your password must be 8+ characters.</p>

How to fix it

<!-- Pass: darker gray meets 4.5:1 on white -->
<style>
  .hint { color: #767676; background: #ffffff; }
  /* #767676 on #ffffff = 4.54:1 — just over the threshold */
</style>
<p class="hint">Your password must be 8+ characters.</p>

Hoe A11yRisk dit detecteert

A11yRisk detecteert dit criterium automatisch.

Scan uw site op deze overtreding →