1.4.3Stufe AA1.4 Distinguishable

Kontrast (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.

W3C-Spezifikation ansehen ↗axe: color-contrast

Was es bedeutet

Kontrast (Minimum) verstehen (englisch) | Kontrast (Minimum) erfüllen (englisch) (Stufe AA) Die visuelle Darstellung von Text und Bildern von Text hat ein Kontrastverhältnis von mindestens 4,5:1 mit folgenden Ausnahmen: Großer Text Großer Text und Bilder von großem Text haben ein Kontrastverhältnis von mindestens 3:1; Nebensächlich Für Text oder Bilder eines Textes, die Teil eines inaktiven Bestandteils der Benutzerschnittstelle , rein dekorativ , für niemanden sichtbar oder Teil eines Bildes sind, welches signifikanten anderen visuellen Inhalt enthält, gibt es keine Kontrastanforderung. Wortbildmarken Text, der Teil eines Logos oder eines Markennamens ist, hat keine Kontrastanforderungen.

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>

So erkennt A11yRisk dieses Kriterium

A11yRisk erkennt dieses Kriterium automatisch.

Website auf diesen Verstoß prüfen →