1.4.3Poziom 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.

Zobacz specyfikację W3C ↗axe: color-contrast

Co to oznacza

Zrozumieć KS Kontrast (minimum) | Jak spełnić KS Kontrast (minimum) (Poziom AA) Wizualna prezentacja tekstu lub obrazu tekstu posiada współczynnik kontrastu wynoszący przynajmniej 4.5:1, poza następującymi wyjątkami: Duży tekst Duży tekst oraz grafiki takiego tekstu posiadają kontrast przynajmniej 3:1; Incydentalne Tekst lub obrazy tekstu, które są częścią nieaktywnego komponentu interfejsu użytkownika , które są czystą dekoracją , które nie są widoczne lub które są częścią obrazu zawierającego inne istotne treści wizualne, nie wymagają minimalnego kontrastu; Logotyp Tekst, który jest częścią logo lub nazwy własnej produktu (marki), nie wymaga minimalnego kontrastu.

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>

Jak A11yRisk to wykrywa

A11yRisk wykrywa to kryterium automatycznie.

Skanuj swoją witrynę pod kątem tego naruszenia →