WCAG przestało być tematem dla urzędów i pasjonatów dostępności. Od 28 czerwca 2025 roku wymagania dostępności cyfrowej objęły także biznes — sklepy internetowe, banki, telekomunikację i wiele firm usługowych. W tym przewodniku wyjaśniamy, czym są wytyczne WCAG 2.1 i 2.2, jakie konkretnie wymagania stawiają przed stroną internetową, kogo dotyczą z mocy prawa i jak sprawdzić, czy Twoja strona je spełnia — zanim zrobi to za Ciebie kontrola albo konkurencja.
Czym są wytyczne WCAG (Web Content Accessibility Guidelines)
WCAG, czyli Web Content Accessibility Guidelines, to międzynarodowy standard dostępności treści internetowych opracowany przez konsorcjum W3C (World Wide Web Consortium) w ramach inicjatywy Web Accessibility Initiative. Wytyczne WCAG opisują, jak projektować strony internetowe i aplikacje mobilne, aby mogły z nich korzystać osoby z różnymi niepełnosprawnościami: wzroku, słuchu, ruchu oraz z zaburzeniami poznawczymi.
Warto pamiętać, że dostępność cyfrowa nie dotyczy wąskiej grupy. W Polsce żyje kilka milionów osób z niepełnosprawnościami, a do tego dochodzą seniorzy, osoby z czasowymi ograniczeniami (złamana ręka, operowane oko) i użytkownicy w trudnych warunkach — na słońcu, w hałasie, z wolnym internetem. Strona zgodna z WCAG jest po prostu wygodniejsza dla wszystkich.
Kolejne wersje standardu budują na poprzednich: WCAG 2.0 (2008) to fundament, WCAG 2.1 (2018) rozszerza go o 17 nowych kryteriów sukcesu, a WCAG 2.2 (2023) dodaje kolejnych 9. Zgodność działa wstecz — strona spełniająca WCAG 2.2 spełnia też 2.1 i 2.0.
4 zasady WCAG — na czym opiera się standard
Wszystkie wytyczne WCAG wyrastają z czterech zasad, znanych pod angielskim akronimem POUR:
- Postrzegalność (Perceivable) — informacje i interfejs muszą być możliwe do odebrania różnymi zmysłami. W praktyce: teksty alternatywne dla obrazów, napisy do filmów, treść czytelna dla czytnika ekranu, wystarczający kontrast.
- Funkcjonalność (Operable) — z każdego elementu strony da się skorzystać bez myszy, wyłącznie klawiaturą; użytkownik ma dość czasu na wykonanie akcji, a nic na stronie nie miga w tempie wywołującym ataki padaczki.
- Zrozumiałość (Understandable) — treść napisana prostym językiem, przewidywalna nawigacja, formularze z czytelnymi etykietami i zrozumiałymi komunikatami błędów.
- Solidność (Robust) — poprawny technicznie kod, który różne przeglądarki i technologie asystujące (np. czytnik ekranu NVDA czy VoiceOver) zinterpretują tak samo.
Każda zasada rozwija się w wytyczne, a te w mierzalne kryteria sukcesu — konkretne, testowalne wymagania, według których ocenia się zgodność strony.
Poziomy zgodności: A, AA i AAA
Standard WCAG dzieli kryteria sukcesu na trzy poziomy dostępności:
| Poziom | Co oznacza | Kto go potrzebuje |
|---|---|---|
| A | absolutne minimum — bez tych kryteriów część użytkowników w ogóle nie skorzysta ze strony | punkt wyjścia dla każdej strony |
| AA | standard wymagany przez prawo w UE i w Polsce; obejmuje m.in. kontrast 4,5:1 i pełną obsługę klawiaturą | podmioty publiczne oraz firmy objęte EAA |
| AAA | najwyższy, najbardziej rygorystyczny poziom — np. kontrast 7:1, język migowy w multimediach | serwisy wyspecjalizowane; w całości rzadko osiągalny |
Gdy w przepisach lub przetargu pojawia się wymóg „zgodności z WCAG 2.1 na poziomie AA”, oznacza to spełnienie wszystkich kryteriów poziomu A i AA łącznie — w WCAG 2.1 to 50 kryteriów sukcesu.
WCAG 2.1 — co wnosi i dlaczego wciąż jest punktem odniesienia
WCAG 2.1 to wersja, do której odwołuje się większość przepisów — w tym polska ustawa o dostępności cyfrowej i unijne regulacje. Względem WCAG 2.0 dodała 17 kryteriów sukcesu skupionych na trzech obszarach: urządzeniach mobilnych (orientacja ekranu, gesty dotykowe), osobach słabowidzących (powiększanie tekstu do 200%, odstępy w tekście, kontrast elementów graficznych 3:1) oraz użytkownikach z trudnościami poznawczymi (identyfikacja pól formularzy, limity czasowe).
Najczęściej kontrolowane wymagania WCAG 2.1 na poziomie AA to w praktyce:
- kontrast tekstu do tła co najmniej 4,5:1 (3:1 dla dużego tekstu),
- tekst alternatywny dla każdej grafiki niosącej informację,
- możliwość obsługi całej strony klawiaturą, z widocznym fokusem,
- poprawna hierarchia nagłówków i etykiety pól formularzy,
- napisy rozszerzone dla materiałów wideo,
- brak treści dostępnych wyłącznie po najechaniu myszą,
- responsywność bez utraty treści przy powiększeniu do 400%.
WCAG 2.2 — dziewięć nowych kryteriów sukcesu
Opublikowane w październiku 2023 roku WCAG 2.2 rozszerza standard o 9 nowych kryteriów, głównie z myślą o użytkownikach mobilnych i osobach z ograniczeniami motorycznymi oraz poznawczymi. Najważniejsze nowe wymagania:
| Kryterium | Poziom | Co wymaga |
|---|---|---|
| Fokus nie zasłonięty (minimum) | AA | element z fokusem klawiatury nie może być całkowicie zakryty np. przez przyklejony pasek czy baner cookie |
| Ruchy przeciągania | AA | każda akcja typu drag & drop musi mieć alternatywę jednym kliknięciem |
| Rozmiar celu dotykowego (minimum) | AA | przyciski i linki co najmniej 24×24 px lub z odpowiednim odstępem |
| Spójna pomoc | A | kontakt/pomoc w tym samym miejscu na każdej podstronie |
| Nadmiarowe wpisywanie | A | formularz nie każe drugi raz wpisywać danych podanych wcześniej w tym samym procesie |
| Dostępne uwierzytelnianie (minimum) | AA | logowanie bez testów poznawczych — np. bez przepisywania kodów z obrazka, z obsługą menedżerów haseł |
WCAG 2.2 usuwa też jedno kryterium z poprzednich wersji (4.1.1 „Poprawność kodu”, które zdezaktualizowało się wraz z rozwojem przeglądarek). Choć polskie przepisy formalnie wskazują wersję 2.1, warto wdrażać od razu nowe kryteria — to kierunek, w którym zmierzają regulacje, a wszystkie te wymagania realnie poprawiają wygodę użytkowników.
Czy WCAG jest obowiązkowy? Kogo dotyczą wymagania dostępności
Zależnie od tego, kim jesteś, zgodność z WCAG jest obowiązkiem prawnym albo dobrą praktyką:
- Podmioty publiczne — urzędy, szkoły, szpitale, instytucje kultury — od 2019 roku podlegają ustawie o dostępności cyfrowej stron internetowych i aplikacji mobilnych, która wymaga zgodności z WCAG 2.1 na poziomie AA i publikowania deklaracji dostępności.
- Biznes objęty Europejskim Aktem o Dostępności (EAA) — od 28 czerwca 2025 roku wymagania dostępności obowiązują m.in. handel elektroniczny (sklepy internetowe!), usługi bankowe, telekomunikacyjne, transport pasażerski, e-booki i strimowanie. W Polsce wdraża je ustawa o zapewnianiu spełniania wymagań dostępności niektórych produktów i usług z 2024 roku.
- Mikroprzedsiębiorstwa usługowe (poniżej 10 pracowników i 2 mln euro obrotu) są z EAA zwolnione — ale tylko w zakresie usług; jeśli sprzedajesz produkty objęte ustawą, wymagania mogą Cię dotyczyć.
- Pozostałe firmy — formalnego obowiązku brak, ale dostępna strona to szersza grupa klientów, lepsze doświadczenie użytkownika i korzyści SEO.
Za brak zgodności grożą realne sankcje: w przypadku podmiotów publicznych kary administracyjne, a dla firm objętych EAA — kary finansowe, które mogą sięgnąć dziesięciokrotności przeciętnego wynagrodzenia (do 10% rocznego obrotu). Do tego dochodzi ryzyko skarg konsumenckich i wizerunkowe.
Jak sprawdzić, czy strona spełnia wytyczne WCAG
Audyt dostępności najlepiej zacząć od narzędzi automatycznych, ale nie wolno na nich poprzestać — wykrywają one około 30–40% problemów. Sensowna ścieżka sprawdzania dostępności stron wygląda tak:
- Testy automatyczne — WAVE, Lighthouse (zakładka „Ułatwienia dostępu” w Chrome), axe DevTools; wychwycą brakujące alt-y, błędy kontrastu, problemy ze strukturą nagłówków.
- Test klawiatury — odłóż mysz i spróbuj przejść całą stronę Tabem: czy widzisz fokus, czy dotrzesz do każdego linku i przycisku, czy da się zamknąć okna modalne klawiszem Esc?
- Test czytnika ekranu — darmowy NVDA (Windows) lub VoiceOver (macOS); wystarczy 15 minut, by usłyszeć, czy strona ma sens bez patrzenia na ekran.
- Weryfikacja kontrastu — narzędzia typu Contrast Checker dla firmowych kolorów; to najczęstsze i najłatwiejsze do naprawienia naruszenie.
- Audyt ekspercki — pełne badanie zgodności z listą kryteriów sukcesu WCAG 2.1/2.2, najlepiej z udziałem osób z niepełnosprawnościami.
Dostępność a SEO — dwie strony tej samej monety
Duża część wymagań WCAG pokrywa się z tym, co Google premiuje w wynikach wyszukiwania: logiczna struktura nagłówków, teksty alternatywne obrazów, czytelne linki, poprawny semantycznie kod, szybkość i użyteczność na urządzeniach mobilnych. Wdrażając dostępność cyfrową, niemal automatycznie poprawiasz fundamenty pozycjonowania — i odwrotnie: dobrze zoptymalizowana strona ma zwykle mniej barier. Dlatego projektując strony internetowe, dostępność i SEO traktujemy jako jeden proces, a nie dwa osobne koszty. Ile to kosztuje? Dostosowanie istniejącej strony zaczyna się od ok. 1 500 zł, a przy nowych projektach najtaniej jest uwzględnić WCAG od pierwszego szkicu — więcej o budżetach piszemy w artykule ile kosztuje strona internetowa.
WCAG 3.0 — co dalej ze standardem
W3C pracuje nad WCAG 3.0 (roboczo „W3C Accessibility Guidelines”), które w przyszłości zastąpi rodzinę 2.x nowym modelem oceny — zamiast zaliczania pojedynczych kryteriów pojawi się bardziej całościowa punktacja doświadczenia użytkownika. To jednak perspektywa wielu lat; na dziś i na najbliższą przyszłość punktem odniesienia dla przepisów oraz audytów pozostają WCAG 2.1 i 2.2, więc to w nie warto inwestować.
Wymagania WCAG w praktyce — od czego zacząć
Jeśli Twoja strona nigdy nie była badana pod kątem zgodności z wytycznymi WCAG, zacznij od rzeczy, które dają największy efekt przy najmniejszym nakładzie: popraw kontrasty firmowej palety kolorów, uzupełnij teksty alternatywne, uporządkuj nagłówki, sprawdź obsługę klawiaturą i formularze. Dopiero potem schodź na poziom pojedynczych kryteriów sukcesu. A jeśli planujesz nową stronę — wpisz zgodność z WCAG 2.1 AA (najlepiej z kryteriami 2.2) wprost do umowy z wykonawcą. Skontaktuj się z nami, jeśli chcesz wiedzieć, ile pracy dzieli Twoją stronę od zgodności — sprawdzimy to bezpłatnie.
FAQ
Czy WCAG obowiązuje prywatne firmy?
Od 28 czerwca 2025 roku — tak, jeśli firma świadczy usługi objęte Europejskim Aktem o Dostępności: prowadzi sklep internetowy, bank, usługi telekomunikacyjne, transportowe czy e-booki. Mikroprzedsiębiorstwa usługowe (poniżej 10 pracowników i 2 mln euro obrotu) są zwolnione. Pozostałe firmy nie mają obowiązku prawnego, ale zyskują na dostępności biznesowo.
Czym różni się WCAG 2.1 od WCAG 2.2?
WCAG 2.2 dodaje do wersji 2.1 dziewięć nowych kryteriów sukcesu — m.in. minimalny rozmiar celów dotykowych 24×24 px, zakaz zasłaniania fokusa, alternatywy dla przeciągania, dostępne logowanie bez testów poznawczych — oraz usuwa przestarzałe kryterium poprawności parsowania kodu. Strona zgodna z 2.2 automatycznie spełnia 2.1.
Jaki poziom WCAG jest wymagany przez prawo?
Zarówno polska ustawa o dostępności cyfrowej (podmioty publiczne), jak i przepisy wdrażające EAA odwołują się do poziomu AA — czyli spełnienia wszystkich kryteriów poziomu A i AA łącznie. Poziom AAA pozostaje dobrowolny.
Jak szybko sprawdzić dostępność swojej strony?
Uruchom audyt Lighthouse w Chrome (zakładka „Ułatwienia dostępu”), przetestuj stronę narzędziem WAVE i spróbuj obsłużyć ją wyłącznie klawiaturą. Te trzy kroki zajmują pół godziny i ujawniają najczęstsze problemy: braki alt-ów, za niski kontrast, niewidoczny fokus i błędną strukturę nagłówków. Pamiętaj jednak, że pełną zgodność potwierdza dopiero audyt ekspercki.
Ile kosztuje dostosowanie strony do WCAG?
Audyt dostępności to zwykle od 1 500 zł wzwyż, a koszt poprawek zależy od skali problemów — od kilkuset złotych przy drobnych korektach kontrastu i alt-ów po kilkanaście tysięcy przy przebudowie rozbudowanego serwisu. Najtaniej wychodzi uwzględnienie wymagań dostępności już na etapie projektu nowej strony.
Czy dostępność cyfrowa poprawia pozycje w Google?
Pośrednio tak. Wiele wymagań WCAG — struktura nagłówków, teksty alternatywne, semantyczny kod, użyteczność mobilna — pokrywa się z czynnikami, które Google bierze pod uwagę przy ocenie jakości strony. Dostępna strona ma też zwykle lepsze wskaźniki zaangażowania użytkowników.