WCAG – co to jest, wymagania, kary, wdrożenie. Kompletny przewodnik

Spis treści

• Co to jest WCAG?
• WCAG 2.1 (2018)
• WCAG 2.2 (2023)
• WCAG 2.3 – wytyczne w specyfikacji 2.x
• Podsumowanie wersji WCAG 2.x
• Co grozi za niewdrożenie WCAG?
• Wnioski i zalecenia

?Co to jest WCAG?

WCAG (Web Content Accessibility Guidelines) to międzynarodowy standard opracowany przez W3C/WAI, który określa, jak projektować strony internetowe dostępne dla wszystkich, w tym dla osób z niepełnosprawnościami. WCAG dzieli się na cztery kluczowe zasady:

1. Postrzegalność (Perceivable) – treści muszą być dostępne dla zmysłów użytkownika (np. tekst alternatywny dla obrazów).
2. Operacyjność (Operable) – interfejs i nawigacja muszą być możliwe do obsługi klawiaturą i innymi urządzeniami.
3. Zrozumiałość (Understandable) – treści i działanie muszą być łatwe do zrozumienia.
4. Solidność (Robust) – zawartość musi być zgodna z technologiami wspomagającymi, np. czytnikami ekranu.

Standard WCAG jest rozwijany – wersje 2.0, 2.1 i 2.2 są kompatybilne wstecz. Spełniając wytyczne nowszych wersji, automatycznie spełniasz starsze.

WCAG 2.1 (wydana: czerwiec 2018)

• Dodano 17 nowych kryteriów sukcesu, skupiając się na mobilności oraz osobach z niepełnosprawnościami wzroku, motoryki i poznawczymi.
• Przykłady nowych wymagań:
  • 1.3.4 Orientation (AA) – wsparcie dla różnych orientacji ekranu (pionowa/pozioma).
  • 2.1.4 Character Key Shortcuts (A) – ograniczenia skrótów klawiszowych, aby nie utrudniały obsługi osobom korzystającym z technologii wspomagających.
  • 2.5.3 Label in Name (A) i 2.5.4 Motion Actuation (A) – poprawa obsługi poleceń dotykowych i gestów.

WCAG 2.2 (opublikowana: 5 października 2023)

WCAG 2.2 rozszerza WCAG 2.1 o 9 nowych kryteriów sukcesu, a jedno (4.1.1 Parsing) zostaje zdeprecjonowane.

Nowe kryteria (A/AA/AAA)

• 2.4.11 Focus Not Obscured (Minimum, AA) – element z aktywnym fokusem nie może być całkowicie zasłonięty.
• 2.4.12 Focus Not Obscured (Enhanced, AAA) – element z fokusem musi być całkowicie widoczny.
• 2.4.13 Focus Appearance (AAA) – wymagania co do kontrastu i rozmiaru wskaźnika fokusu.
• 2.5.7 Dragging Movements (AA) – wymaganie alternatywy dla przeciągania elementów.
• 2.5.8 Target Size (Minimum, AA) – elementy interaktywne muszą mieć co najmniej 24×24 px.
• 3.2.6 Consistent Help (A) – funkcja pomocy musi być dostępna w spójny sposób na wszystkich stronach.
• 3.3.7 Redundant Entry (A) – użytkownik nie może być zmuszany do wielokrotnego wprowadzania tych samych danych.
• 3.3.8 Accessible Authentication (Minimum, AA) – logowanie musi być możliwe bez testów typu „captcha” wyłącznie wizualnych lub opartych na pamięci.
• 3.3.9 Accessible Authentication (Enhanced, AAA) – bardziej zaawansowane wymagania dotyczące dostępnego uwierzytelniania.

Nowości te mocno podnoszą poziom dostępności serwisów, szczególnie na urządzeniach mobilnych i w kontekście formularzy/logowania.

WCAG 2.3 – wytyczne w specyfikacji 2.x

Guideline 2.3 – Unikaj treści wywołującej napady padaczkowe/reakcje fizyczne

• Ma zapobiegać migotaniu, które może wywołać ataki padaczki fotosensytywnej.
• Kryteria sukcesu:
  • 2.3.1 Three Flashes or Below Threshold – nie więcej niż 3 błyski w dowolnym jednym okresie jednej sekundy, lub poniżej ustalonych progów.
  • 2.3.2 Three Flashes – na poziomie AAA, brak treści z trzema błyskami powyżej progu.
  • 2.3.3 Animation from Interactions (nowość WCAG 2.1) – animacje wywoływane interakcjami użytkownika nie mogą powodować problemów zdrowotnych.

? Podsumowanie wersji WCAG 2.x

*WCAG 2.3 to nie osobna wersja, lecz wytyczne w ramach całej specyfikacji 2.x – zasada 2.3.

⚠️Co grozi za niewdrożenie WCAG?

1. Konsekwencje prawne

• Obowiązek prawny
  Od 28 czerwca 2025 r. na terenie Unii Europejskiej obowiązuje European Accessibility Act (EAA). Nakłada on wymóg zgodności z WCAG 2.1 AA dla serwisów komercyjnych (np. sklepy internetowe, banki, transport, e-usługi). Dla instytucji publicznych obowiązek już istnieje na mocy polskiej Ustawy o dostępności cyfrowej.
• Kary finansowe
  W Polsce brak dostępności grozi karą administracyjną do 10 000 zł za każdą niezgodność, a w przypadku powtarzających się naruszeń – nawet do 50 000 zł.
• Skargi i postępowania
  Osoby wykluczone mogą zgłaszać skargi do organów nadzorczych. Grozi to postępowaniem wyjaśniającym i nakazem natychmiastowego dostosowania strony pod rygorem kolejnych kar.
• Ryzyko pozwów sądowych
  W UE i np. w USA możliwe są pozwy indywidualne lub zbiorowe z tytułu wykluczenia cyfrowego.

2. Konsekwencje wizerunkowe i biznesowe

• Wykluczenie użytkowników – niedostępna strona oznacza wykluczenie osób z niepełnosprawnościami, seniorów oraz użytkowników mobilnych.
• Negatywny PR – rośnie świadomość klientów na temat inkluzywności. Brak dostępności = gorszy wizerunek marki.
• Utrata klientów i dochodów – mniej użytkowników, gorsze SEO, niższa konwersja, większe prawdopodobieństwo wyboru konkurencji.
• Dodatkowe koszty późniejszego wdrożenia – „gaszenie pożaru” po kontroli jest zwykle dużo droższe niż zaplanowane wdrażanie dostępności.

Wnioski i zalecenia

• Obowiązkowo: stosuj WCAG 2.1 AA – to aktualny wymóg prawny w UE/EAA.
• Warto wdrażać już teraz: WCAG 2.2 – poprawia doświadczenie mobilne i bezpieczeństwo uwierzytelniania.
• Koniecznie: wytyczne 2.3 (brak efektów wywołujących napady) – dla bezpieczeństwa użytkowników.

Niewdrożenie WCAG to ryzyko:

• kar administracyjnych i postępowań,
• strat wizerunkowych,
• utraty klientów,
• a także możliwych pozwów.

Dostępność cyfrowa to nie tylko obowiązek, ale również realna szansa na rozwój i dotarcie do szerszego grona użytkowników. Jeżeli potrzebujesz pomocy z wdrożeniem tej dyrektywy, odezwij się do nas!