1.4 Rozróżnialność (ang.) Distinguishable
Spis treści
Istota i cel wytycznej
Zadbaj o to, aby użytkownicy mogli bez trudu dostrzec i usłyszeć prezentowane przez Ciebie treści. Główny cel tej wytycznej opiera się na bezkompromisowym oddzieleniu pierwszego planu od tła całego interfejsu.
Wykorzystaj zasady wyrazistości w szerokim kontekście projektowania doświadczeń użytkownika ((ang.) UX/UI Design). Właściwe wdrożenie tych reguł drastycznie zmniejsza zmęczenie psychiczne i eliminuje frustrację odbiorców podczas codziennej interakcji z systemem.
Pamiętaj, że ignorowanie tych standardów skazuje użytkowników na chaotyczną walkę z elementami ekranu, w której wadliwa kolorystyka zlewa się z tłem, a niespodziewane dźwięki odcinają od swobodnej nawigacji.
Osoby słabowidzące oraz starsze, u których ostrość wzroku ulega naturalnemu pogorszeniu, bez właściwego kontrastu zostaną całkowicie wykluczone cyfrowo.
Jeżeli przekażesz kluczowe informacje wyłącznie za pomocą barwy, popełnisz najpoważniejsze uchybienie projektowe. Użytkownicy z zaburzeniami rozpoznawania barw nie zorientują się wówczas, które pole formularza zawiera błąd lub który element menu jest aktualnie aktywny.
Z kolei osoby z zaburzeniami poznawczymi, neuroróżnorodne lub z deficytami uwagi natychmiast stracą koncentrację, jeśli uniemożliwisz im swobodne dostosowanie układu tekstu bądź zablokujesz mechanizm dopasowania do ekranu.
Pamiętaj też o użytkownikach niewidomych – brak automatycznej kontroli nad dźwiękami tła potrafi całkowicie zagłuszyć syntezator mowy i zdezorientować osobę korzystającą z technologii asystujących.
Lista kryteriów
- 1.4.1 Użycie koloru (ang.) Use of Color – Poziom A
- 1.4.2 Kontrola dźwięku (ang.) Audio Control – Poziom A
- 1.4.3 Kontrast (minimalny) (ang.) Contrast (Minimum) – Poziom AA
- 1.4.4 Zmiana rozmiaru tekstu (ang.) (ang.) Resize Text – Poziom AA
- 1.4.5 Obrazy tekstu (ang.) Images of Text – Poziom AA
- 1.4.6 Kontrast (wzmocniony) (ang.) Contrast (Enhanced) – Poziom AAA
- 1.4.7 Niska głośność lub bez dźwięków w tle (ang.) Low or No Background Audio – Poziom AAA
- 1.4.8 Prezentacja wizualna (ang.) Visual Presentation – Poziom AAA
- 1.4.9 Obrazy tekstu (bez wyjątków) (ang.) Images of Text (No Exception) – Poziom AAA
- 1.4.10 Zawijanie treści (ang.) Reflow – Poziom AA
- 1.4.11 Kontrast elementów nietekstowych (ang.) Non-text Contrast – Poziom AA
- 1.4.12 Odstępy w tekście (ang.) Text Spacing – Poziom AA
- 1.4.13 Treść przy wskazaniu lub fokusie (ang.) Content on Hover or Focus – Poziom AA
Źródła
- Abou-Zahra S., Eggert E., Vanderheiden G. [i in.] (red.), „Guideline 1.4 – Distinguishable”, [w:] Web Content Accessibility Guidelines (WCAG) 2.2 Quick Reference, 2025, https://www.w3.org/WAI/WCAG22/quickref/#distinguishable [dostęp: 6.07.2026].
- Accessibility Guidelines Working Group Participants, „Understanding Guideline 1.4 Distinguishable”, [w:] WCAG 2.2 Understanding Docs, 2025, https://www.w3.org/WAI/WCAG22/Understanding/distinguishable [dostęp: 6.07.2026].
- World Wide Web Consortium (W3C), „Wytyczna 1.4 Rozróżnialność”, [w:] Web Content Accessibility Guidelines (WCAG) 2.1, tłum. Fundacja Instytut Rozwoju Regionalnego, 2021, https://www.w3.org/Translations/WCAG21-pl/#rozroznialnosc [dostęp: 6.07.2026].