WCAG 2.0, 2.1 i 2.2 – czym się różnią wersje
WCAG (Web Content Accessibility Guidelines) to zestaw kryteriów, które sprawiają, że stroną mogą posługiwać się osoby niewidome i słabowidzące, niesłyszące, z ograniczoną sprawnością rąk, a także seniorzy i każdy, kto korzysta z telefonu w słońcu albo jedną ręką. Każda kolejna wersja dodaje nowe kryteria i zachowuje wcześniejsze, więc strona zgodna z WCAG 2.2 spełnia też wymagania 2.1 i 2.0.
| Wersja | Rok publikacji | Liczba kryteriów | Co wniosła |
|---|---|---|---|
| WCAG 2.0 | 2008 | 61 | podstawy: teksty alternatywne, kontrast, obsługa klawiaturą, napisy do wideo |
| WCAG 2.1 | 2018 | 78 | urządzenia mobilne, powiększanie bez przewijania w bok, słabowidzący, niepełnosprawności poznawcze |
| WCAG 2.2 | 2023 | 86 | 9 nowych kryteriów: widoczny fokus, większe cele dotykowe, prostsze logowanie i formularze; usunięte kryterium 4.1.1 |
Przepisy odwołują się zwykle do poziomu AA – to standard, który obejmuje kryteria poziomu A i AA. Poziom AAA jest zalecany, ale nie wymagany.
Kogo w Polsce obowiązuje dostępność strony
| Kto | Przepis | Od kiedy | Wymaganie |
|---|---|---|---|
| Podmioty publiczne: urzędy, szkoły, uczelnie, publiczne szpitale i SP ZOZ-y | ustawa z 4 kwietnia 2019 r. o dostępności cyfrowej stron internetowych i aplikacji mobilnych podmiotów publicznych | od 2019 r., stopniowo do 2021 r. | WCAG 2.1 na poziomie AA i deklaracja dostępności na stronie |
| Firmy, które przez stronę lub aplikację zawierają umowy z konsumentami (sklepy, rezerwacje z płatnością, usługi online), także prywatne placówki medyczne | ustawa z 26 kwietnia 2024 r. o zapewnianiu spełniania wymagań dostępności niektórych produktów i usług przez podmioty gospodarcze (Polski Akt o Dostępności) | 28 czerwca 2025 r. | wymagania dostępności usług; w praktyce norma EN 301 549 – jej nowa wersja V4.1.1 (2026) dla stron opiera się na WCAG 2.2 AA, wcześniejsza na WCAG 2.1 AA |
| Banki, operatorzy telekomunikacyjni, przewoźnicy, sprzedawcy e-booków | ta sama ustawa | 28 czerwca 2025 r. | jw. oraz wymagania szczególne dla danej branży |
| Mikroprzedsiębiorcy świadczący usługi | art. 4 pkt 1 tej ustawy | – | wyłączeni z obowiązku |
| Pozostałe firmy (strona informacyjna, bez zawierania umów online) | brak obowiązku ustawowego | – | dostępność zalecana – poprawia użyteczność, liczbę zapytań i czytelność strony dla wyszukiwarek |
Mikroprzedsiębiorca to według Prawa przedsiębiorców firma, która zatrudnia średniorocznie mniej niż 10 osób, a jej roczny obrót lub suma bilansowa nie przekracza równowartości 2 mln euro. Umowy zawarte przed 28 czerwca 2025 r. mogą obowiązywać bez zmian najdłużej do 28 czerwca 2030 r. (art. 85 ustawy).
Ważne
Kary i nadzór
Nadzór nad usługami handlu elektronicznego sprawuje Minister Cyfryzacji. Za niespełnienie wymagań Prezes PFRON lub właściwy organ nadzoru może nałożyć karę do dziesięciokrotności przeciętnego miesięcznego wynagrodzenia, ale nie wyższą niż 10% rocznego obrotu firmy. Ten tekst opisuje przepisy w uproszczeniu i nie jest poradą prawną – w sprawie konkretnej firmy warto zapytać prawnika.
Co to oznacza dla przychodni, klinik i gabinetów
Ministerstwo Cyfryzacji wprost zalicza do usług handlu elektronicznego także usługi z zakresu opieki zdrowotnej oferowane przez internet. Jeśli więc pacjent może na stronie placówki kupić wizytę, pakiet badań albo konsultację online, a placówka nie jest mikroprzedsiębiorcą, strona i system zapisów powinny spełniać wymagania dostępności. Publiczne szpitale i SP ZOZ-y mają ten obowiązek od lat na podstawie ustawy z 2019 r.
Nawet tam, gdzie przepis nie obowiązuje, dostępność ma znaczenie praktyczne. Na stronę przychodni wchodzą seniorzy, osoby po urazach i pacjenci słabowidzący – i to oni najczęściej porzucają zapis, gdy przycisk jest za mały albo formularz nie działa z klawiatury. Więcej o tym, jak projektujemy strony placówek, piszemy na stronie strony internetowe dla branży medycznej.
9 nowych kryteriów WCAG 2.2 – co zmieniają na stronie
| Kryterium | Poziom | Co oznacza w praktyce |
|---|---|---|
| 2.4.11 Fokus niezasłonięty (minimum) | AA | element zaznaczony klawiaturą nie chowa się całkowicie pod przyklejonym menu, banerem cookies ani czatem |
| 2.4.12 Fokus niezasłonięty (rozszerzony) | AAA | zaznaczony element jest widoczny w całości |
| 2.4.13 Wygląd fokusa | AAA | obramowanie fokusa jest wyraźne: odpowiednio grube i kontrastowe |
| 2.5.7 Ruchy przeciągania | AA | wszystko, co da się przeciągnąć (suwak ceny, mapa, kalendarz), da się też zrobić kliknięciem |
| 2.5.8 Rozmiar celu (minimum) | AA | przyciski i linki mają co najmniej 24×24 px (CSS) albo wystarczający odstęp od sąsiednich; linki w tekście są wyłączone |
| 3.2.6 Spójna pomoc | A | telefon, czat czy link do pomocy są w tym samym miejscu na każdej podstronie |
| 3.3.7 Dane wpisane wcześniej | A | formularz nie każe drugi raz wpisywać tych samych danych, np. adresu czy numeru PESEL w kolejnym kroku |
| 3.3.8 Dostępne uwierzytelnianie (minimum) | AA | logowanie nie wymaga zapamiętywania ani przepisywania kodów; działa wklejanie hasła i menedżery haseł |
| 3.3.9 Dostępne uwierzytelnianie (rozszerzone) | AAA | jw., bez wyjątków dla rozpoznawania obiektów i treści osobistych |
Dla strony przychodni najważniejsze są 2.5.8, 3.3.7 i 3.3.8: duże przyciski „Umów wizytę”, formularz rejestracji, który pamięta dane pacjenta, i logowanie do konta pacjenta bez przepisywania kodów. Usunięte kryterium 4.1.1 dotyczyło poprawności składni HTML – współczesne przeglądarki i czytniki ekranu radzą sobie z tym same.
Jak sprawdzić, czy strona jest dostępna
Test automatyczny
Lighthouse w przeglądarce Chrome, WAVE albo axe wykryją brak tekstów alternatywnych, zbyt niski kontrast i puste etykiety formularzy. To tylko część problemów – reszta wymaga ręcznego sprawdzenia.
Strona bez myszy
Przejdź całą ścieżkę klawiszem Tab: od menu do wysłania formularza. Fokus musi być widoczny, kolejność logiczna, a żadne okno nie może „uwięzić” kursora.
Czytnik ekranu
Włącz NVDA (Windows) albo VoiceOver (Mac, iPhone) i sprawdź, czy nagłówki, przyciski i komunikaty błędów są odczytywane zrozumiale.
Telefon i powiększenie
Powiększ stronę do 200% i otwórz ją na telefonie – treść nie może się ucinać ani wymagać przewijania w bok.
Raport i deklaracja
Spisz wyniki, popraw błędy i – jeśli obowiązuje Cię ustawa – opublikuj deklarację lub informację o dostępności.
Przy nowej stronie dostępność najtaniej zaplanować od początku: w makietach, w systemie kolorów i w komponentach formularzy. Dostosowanie gotowej strony bywa droższe, bo wymaga poprawek w kodzie wielu podstron.
Ile kosztuje dostosowanie strony do WCAG 2.2
W naszych projektach zgodność z WCAG 2.1 i 2.2 na poziomie AA podnosi koszt nowej strony zwykle o 10–20% – szczegóły w naszym cenniku stron internetowych. Istniejącą stronę najpierw audytujemy: sprawdzamy kluczowe szablony i ścieżki (zapis, kontakt, logowanie), a potem wyceniamy poprawki. Strony budujemy na własnym CMS, więc dostępne komponenty – przyciski, formularze, menu – działają tak samo na każdej podstronie i nie psują się po aktualizacji wtyczki.
Jeśli porównujesz wykonawców, zapytaj o dostępność wprost – to jedno z pytań, które opisujemy w tekście agencja czy freelancer.
Źródła i materiały uzupełniające
- W3C – What’s New in WCAG 2.2
- W3C – Web Content Accessibility Guidelines (WCAG) 2.2
- Ustawa z 26 kwietnia 2024 r. o zapewnianiu spełniania wymagań dostępności niektórych produktów i usług przez podmioty gospodarcze (Dz.U. 2024 poz. 731)
- Ministerstwo Cyfryzacji – Polski Akt o Dostępności: usługi handlu elektronicznego
- Dyrektywa (UE) 2019/882 – European Accessibility Act
