Jesteś tutaj:Strona główna / WCAG 2.0 Zasada 1: Percepcja / Wytyczna 1.4 Treść rozróżnialna / 1.4.3 Kontrast (minimalny) (AA)

1.4.3 Kontrast (minimalny) (AA) - WCAG 2.0

Kontrast pomiędzy tekstem lub grafikami tekstowymi a tłem powinien być w stosunku 4,5:1, za wyjątkiem następujących przypadków:

  • Duża czcionka (ponad 18 punktów lub 14 punktów czarnym kolorem) oraz duże grafiki tekstowe powinny posiadać kontrast przynajmniej 3:1.
  • Teksty, które są częścią logotypu lub znaku handlowego nie posiadają wymagań minimalnych odnośnie kontrastu.
  • Teksty lub grafiki tekstowe, które:
    • są częścią komponentu nieaktywnego interfejsu użytkownika,
    • są czysto dekoracyjne,
    • są częścią grafiki lub zdjęcia,

nie posiadają wymagań minimalnych odnośnie kontrastu.

Do sprawdzenia kontrastu możemy użyć prostego programu np.  Contrast Analyser dostępnego na stronie http://www.paciellogroup.com/resources/contrast-analyser.html .

Jeżeli nie możemy zapewnić odpowiedniego kontrastu, np. ze względu na utrzymanie identyfikacji wizualnej firmy, instytucji, itp. musimy zapewnić kontrolki, które przełączą serwis w wysoki kontrast. Najlepiej jeśli użytkownik będzie mógł wybrać kilka zestawów kolorystycznych.

Kontrolki zmiany kontrastu

Warunkiem koniecznym jest, aby kontrolki zmiany kontrastu spełniały wymagania stosunku 4,5:1  oraz wersja w wysokim kontraście:

  • posiadała taka samą funkcjonalność,
  • posiadała taką samą zawartość,
  • spełniała wymagania kontrastu opisanego na początku paragrafu.

Powrót do: Wytyczna 1.4 Treść rozróżnialna