
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

Małgorzata Szymczak
Accessibility Specialist & Junior Frontend Developer
Polecane artykuły
-
10.08.2022Dostępność cyfrowa
SVG… SVG… czym jest SVG
SVG (ang. Scalable Vector Graphics) – to format wektorowego pliku graficznego, który w odróżnieniu do rastrowych jpg, png, gif, składa…
-
30.11.2022Badania
Jak zrobić audyt UX. Część 1 – Teoria, odrobina autokrytyki i parę praktycznych porad…
Dzisiaj wrzucamy na blog temat audytów użyteczności! Pomysł na ten wpis narodził się przy okazji audytu UX naszego bloga. Postanowiliśmy…
-
23.12.2022Dostępność cyfrowa
Dostępność cyfrowa – skąd czerpać wiedzę. Część 1
Dostępność, WCAG 2.1, inkluzywność, projektowanie uniwersalne: niektórzy mówią, że to tożsame pojęcia, ale mylą się… W takim razie skąd można…