Photo by Sergi Kabrer on Unsplash WCAG 2.1. – kryterium 1.4.6 – Kontrast (wzmocniony) (poziom AAA)
- Przejdź do artykułów z tagiem A11Y
- Przejdź do artykułów z tagiem accessibility
- Przejdź do artykułów z tagiem dostępność cyfrowa
- Przejdź do artykułów z tagiem kontrastTekstu
- Przejdź do artykułów z tagiem WCAG 2.1
Treść artykułu
Dziś przybliżymy Wam kryterium 1.4.6 – kontrast (wzmocniony)!
Jest to niejako uzupełnienie kryterium 1.4.3 – kontrast (minimalny). Również dotyczy kontrastu tekstu. Wymaganie to ma na celu zapewnienie, że tekst prezentowany na stronie internetowej jest łatwo czytelny dla użytkowników, w tym osób z różnymi rodzajami dysfunkcji wzrokowej. Pamiętajmy jednak, że jest to wymaganie na poziomie AAA.
Obecnie w polskim prawie jesteśmy zobligowani do stosowania podwójnego A.
📖 Jakie są założenia kryterium?
Kontrast między tekstem lub grafikami tekstowymi a tłem powinien wynosić co najmniej 7:1, poza następującymi przypadkami:
- 👉 duży font (rozmiar równy lub większy niż 18 lub rozmiar 14 pogrubiony) oraz duże grafiki tekstowe mogą spełniać kontrast na poziomie co najmniej 4,5: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.
Link do kryterium 1.4.6 WCAG
Piotr Źrołka
Accessibility expert & CEO
Polecane artykuły
-
20.10.2023Akademia WCAGWCAG 2.2. – kryterium 2.2.5 – Ponowne potwierdzenie autentyczności (poziom AAA)
Dzisiaj na tapet bierzemy kolejne kryterium na poziomie AAA. Zajmiemy się ponownym potwierdzeniem autentyczności. Pewnie każdy z Was kojarzy sytuacje…
-
20.09.2024Akademia WCAGWCAG 2.1. – 4.1.2. Nazwa, rola, wartość (Poziom A) cz.1
Dzisiaj rozpoczynamy omawianie kryterium 4.1.2 i od razu uprzedzamy, że ze względu na to, że obejmuje ono wiele zagadnień, będzie…
-
28.08.2023Dostępność cyfrowaPrzyciski iOS w UIKit, SwiftUI oraz React Native
Przyciski stanowią istotną część każdej aplikacji mobilnej. Tym bardziej więc warto sprawić, żeby czytniki ekranu i inne technologie asystujące zrobiły…