Przejdź do głównej treści

WCAG 2.1

WCAG 2.1 – Wytyczne dotyczące dostępności treści internetowych

Międzynarodowy standard W3C definiujący zasady tworzenia stron i aplikacji dostępnych dla osób z niepełnosprawnościami. Obowiązuje w Polsce i Unii Europejskiej jako wymóg prawny dla podmiotów publicznych.

Opublikowany: 5 czerwca 2018 13 wytycznych 78 kryteriów sukcesu Poziomy: A · AA · AAA Wymagany w PL: poziom AA

WCAG (ang. Web Content Accessibility Guidelines, pol. Wytyczne dotyczące dostępności treści internetowych) to międzynarodowy standard opracowany przez organizację W3C (World Wide Web Consortium), określający zasady tworzenia stron internetowych i aplikacji mobilnych w sposób dostępny dla osób z niepełnosprawnościami.

Wersja WCAG 2.1 została opublikowana 5 czerwca 2018 roku jako oficjalna rekomendacja W3C. Rozszerza poprzednią wersję (WCAG 2.0 z 2008 roku) o 1 nową wytyczną i 17 nowych kryteriów sukcesu, kładąc szczególny nacisk na dostępność dla urządzeń mobilnych, osób słabowidzących oraz osób z zaburzeniami poznawczymi.

Treści zgodne z WCAG 2.1 są jednocześnie zgodne z WCAG 2.0, co zapewnia pełną kompatybilność wsteczną.

Cztery podstawowe zasady dostępności (POUR)

Wszystkie wytyczne WCAG 2.1 opierają się na czterech fundamentalnych zasadach. Każda strona internetowa i aplikacja mobilna musi być:

👁

1. PostrzegalnaPerceivable

Informacje i elementy interfejsu muszą być prezentowane tak, aby użytkownik mógł je odebrać dostępnymi mu zmysłami.

  • Alternatywy tekstowe dla treści nietekstowych (opisy zdjęć dla niewidomych)
  • Transkrypcje materiałów audio i napisy do filmów
  • Logiczna struktura treści i właściwe znaczniki
  • Odpowiedni kontrast kolorystyczny tekstu
  • Treść widoczna po powiększeniu tekstu do 200%
  • Responsywność – dostosowanie do szerokości ekranu
  • Rozróżnienia nie opierające się wyłącznie na kolorze

2. FunkcjonalnaOperable

Elementy interfejsu i nawigacja muszą być obsługiwalne niezależnie od metody interakcji użytkownika.

  • Pełna nawigacja za pomocą klawiatury (bez myszy)
  • Możliwość zatrzymania i wznowienia odtwarzanych treści
  • Brak migających treści mogących wywołać ataki epilepsji
  • Linki pomijające bloki treści (skip links)
  • Jasne i opisowe tytuły stron oraz teksty linków
  • Widoczny wskaźnik fokusu klawiatury
  • Alternatywy dla gestów dotykowych
📚

3. ZrozumiałaUnderstandable

Informacje i obsługa interfejsu muszą być zrozumiałe – treści nie mogą wykraczać poza możliwości percepcji użytkowników.

  • Prosty i czytelny język
  • Wyjaśnienia specjalistycznych pojęć i skrótów
  • Spójny wygląd i nawigacja na wszystkich stronach
  • Wyraźne etykiety formularzy
  • Pomocne i szczegółowe komunikaty błędów
  • Możliwość korygowania błędnych danych w formularzach
🔨

4. SolidnaRobust

Treść musi być wiarygodnie interpretowana przez szeroki zakres programów użytkownika, w tym technologie wspomagające.

  • Poprawny kod HTML zgodny ze standardami
  • Kompatybilność z czytnikami ekranu i programami powiększającymi
  • Programowe określanie statusów i komunikatów interfejsu

13 wytycznych WCAG 2.1

Cztery zasady rozwijają się w 13 szczegółowych wytycznych pogrupowanych tematycznie:

Zasada 1 — Postrzegalność
1.1
Alternatywy tekstowe

Zapewnienie alternatywy tekstowej dla wszelkich treści nietekstowych.

1.2
Media zmienne w czasie

Zapewnienie alternatyw dla mediów zmiennych w czasie (audio, wideo).

1.3
Możliwość adaptacji

Tworzenie treści, które mogą być prezentowane na różne sposoby bez utraty informacji.

1.4
Możliwość rozróżnienia

Ułatwienie użytkownikom słyszenia i widzenia treści, m.in. przez odpowiedni kontrast.

Zasada 2 — Funkcjonalność
2.1
Dostępność za pomocą klawiatury

Cała funkcjonalność dostępna z klawiatury.

2.2
Wystarczająca ilość czasu

Zapewnienie użytkownikom wystarczającej ilości czasu na przeczytanie i skorzystanie z treści.

2.3
Ataki padaczki i reakcje fizyczne

Brak treści, które mogą wywoływać ataki padaczki lub inne reakcje fizyczne.

2.4
Możliwość nawigacji

Dostarczenie użytkownikom sposobów nawigowania, znajdowania treści i określania miejsca w serwisie.

2.5
Sposoby obsługi NOWE w 2.1

Ułatwienie obsługi za pomocą różnych urządzeń wejściowych, w tym ekranów dotykowych.

Zasada 3 — Zrozumiałość
3.1
Możliwość odczytania

Treści tekstowe są czytelne i zrozumiałe.

3.2
Przewidywalność

Strony internetowe wyglądają i działają w przewidywalny sposób.

3.3
Pomoc przy wprowadzaniu danych

Pomoc użytkownikom w unikaniu i poprawianiu błędów.

Zasada 4 — Solidność
4.1
Kompatybilność

Maksymalizacja kompatybilności z aktualnymi i przyszłymi programami użytkownika, w tym technologiami wspomagającymi.

Poziomy zgodności z WCAG 2.1

Kryteria sukcesu WCAG 2.1 są podzielone na trzy poziomy zgodności:

A

Poziom minimalny

Spełnienie podstawowych wymagań. Niespełnienie tych kryteriów powoduje, że część użytkowników nie będzie mogła w ogóle korzystać z treści.

AA

Poziom średni

Obejmuje wszystkie kryteria poziomu A oraz dodatkowe wymagania zapewniające szerszy dostęp.

▶ Wymagany prawnie w Polsce i UE
AAA

Poziom najwyższy

Najbardziej rygorystyczne standardy. Nie jest wymagany jako ogólna zasada, ale zalecany dla wybranych treści.

Ważne – wymóg prawny

Polska ustawa o dostępności cyfrowej wymaga od podmiotów publicznych spełnienia poziomu AA standardu WCAG 2.1.

Co nowego w WCAG 2.1? – 17 nowych kryteriów sukcesu

WCAG 2.1 wprowadza 17 nowych kryteriów sukcesu w stosunku do wersji 2.0, skupionych na trzech obszarach: dostępności mobilnej, słabowidzeniu oraz zaburzeniach poznawczych i trudnościach w uczeniu się.

Zasada 1: Postrzegalność

Wytyczna 1.3 – Możliwość adaptacji

1.3.4 AA
Orientacja ekranu

Treść nie ogranicza widoku do jednej orientacji wyświetlacza (pionowej lub poziomej), chyba że konkretna orientacja jest niezbędna.

1.3.5 AA
Określenie celu pola formularza

Cel każdego pola formularza zbierającego dane o użytkowniku może być programowo określony – ułatwia autouzupełnianie np. dla osób z dysleksją.

1.3.6 AAA
Określenie celu

Cel komponentów interfejsu, ikon i regionów może być programowo określony.

Wytyczna 1.4 – Możliwość rozróżnienia

1.4.10 AA
Dopasowanie do ekranu – Reflow

Treść można prezentować bez utraty informacji i bez przewijania w dwóch kierunkach, przy szerokości odpowiadającej 320 pikselom CSS.

1.4.11 AA
Kontrast dla treści niebędących tekstem

Komponenty interfejsu i obiekty graficzne mają kontrast co najmniej 3:1 względem sąsiednich kolorów.

1.4.12 AA
Odstępy w tekście

Brak utraty treści przy ustawieniu: wysokość linii 1,5×, odstęp po akapicie 2×, odstęp między literami 0,12× i między słowami 0,16× rozmiaru czcionki.

1.4.13 AA
Treść po najechaniu kursorem lub ustawieniu fokusu

Dodatkowa treść wyświetlana po najechaniu kursorem lub ustawieniu fokusu jest możliwa do zamknięcia, najechania kursorem i trwa do momentu zamknięcia przez użytkownika.

Zasada 2: Funkcjonalność

Wytyczna 2.1 – Dostępność za pomocą klawiatury

2.1.4 A
Skróty klawiaturowe znakowe

Jeśli skrót klawiaturowy używa tylko liter, cyfr lub symboli, użytkownik może go wyłączyć lub zmienić.

Wytyczna 2.2 – Wystarczająca ilość czasu

2.2.6 AAA
Limity czasu

Użytkownicy są ostrzegani o czasie bezczynności, który może spowodować utratę danych, chyba że dane są zachowywane przez ponad 20 godzin.

Wytyczna 2.3 – Ataki padaczki i reakcje fizyczne

2.3.3 AAA
Animacja wynikająca z interakcji

Animacja ruchu wywołana przez interakcję może zostać wyłączona, chyba że jest niezbędna do funkcjonalności.

Wytyczna 2.5 – Sposoby obsługi NOWA wytyczna

2.5.1 A
Gesty wskaźnikowe

Wszelka funkcjonalność wymagająca gestów wielopunktowych może być obsługiwana za pomocą jednego wskaźnika bez gestu opartego na ścieżce.

2.5.2 A
Anulowanie wskaźnika

Dla funkcjonalności obsługiwanej jednym wskaźnikiem: zdarzenie wyzwalające nie zachodzi przy naciśnięciu lub istnieje możliwość anulowania efektu.

2.5.3 A
Etykieta w nazwie

Dla komponentów interfejsu z etykietami tekstowymi, nazwa zawiera wyświetlany wizualnie tekst.

2.5.4 A
Aktywacja ruchem

Funkcjonalność uruchamiana przez ruch urządzenia może być obsługiwana przez komponenty interfejsu, a odpowiedź na ruch może zostać wyłączona.

2.5.5 AAA
Rozmiar celu

Rozmiar celu dla danych wskaźnikowych wynosi co najmniej 44 × 44 piksele CSS.

2.5.6 AAA
Jednoczesne sposoby obsługi

Treść internetowa nie ogranicza korzystania ze sposobów obsługi dostępnych na platformie.

Zasada 4: Solidność

Wytyczna 4.1 – Kompatybilność

4.1.3 AA
Komunikaty o stanie

Komunikaty o stanie (np. „Zapisano”, „Błąd”) mogą być programowo określane, dzięki czemu są przekazywane przez technologie wspomagające bez przenoszenia na nie fokusu.

WCAG 2.1 a polskie prawo

Ustawa o dostępności cyfrowej

Dnia 4 kwietnia 2019 roku weszła w życie Ustawa o dostępności cyfrowej stron internetowych i aplikacji mobilnych podmiotów publicznych. Nakłada ona obowiązek dostosowania stron i aplikacji do standardu WCAG 2.1 na poziomie AA.

Ustawa wdraża do polskiego prawa Dyrektywę Parlamentu Europejskiego i Rady (UE) 2016/2102 z dnia 26 października 2016 roku.

Terminy wdrożenia

23 września 2019
Strony internetowe podmiotów publicznych opublikowane po tym dniu.
23 września 2020
Wszystkie strony internetowe podmiotów publicznych (termin minął).
23 czerwca 2021
Aplikacje mobilne podmiotów publicznych (termin minął).

Kogo dotyczy obowiązek?

Ustawa obejmuje podmioty publiczne, w tym:

  • Jednostki sektora finansów publicznych (urzędy, ministerstwa, szkoły, szpitale publiczne)
  • Inne państwowe lub samorządowe osoby prawne
  • Związki podmiotów publicznych

Deklaracja dostępności

Każdy podmiot publiczny jest zobowiązany do umieszczenia na swojej stronie Deklaracji dostępności – dokumentu informującego o stopniu zgodności z wymaganiami WCAG 2.1 oraz o możliwości kontaktu w sprawie dostępności. Deklaracja musi znajdować się na wszystkich stronach danego podmiotu, w tym w Biuletynie Informacji Publicznej.

Wyjątki od obowiązku dostępności

  • Transmisje na żywo
  • Multimedia opublikowane przed 23 września 2020 r. (jeśli nie dotyczą treści niezbędnych do realizacji zadań podmiotu)
  • Dokumenty opublikowane przed 23 września 2018 r.
  • Mapy i mapy interaktywne (wymagany jest alternatywny dostęp do danych)
  • Złożone schematy techniczne i plany
  • Treści, których dostosowanie stanowiłoby nieproporcjonalnie duże obciążenie
Sankcje za brak dostępności

Za nieuzasadniony brak dostępności cyfrowej grozi kara finansowa do 10 000 zł.

WCAG 2.1 a normy europejskie i międzynarodowe

Standard WCAG 2.1 jest dokumentem referencyjnym dla europejskiej normy EN 301 549 dotyczącej wymagań dostępności dla produktów i usług ICT. Norma ta stanowi podstawę techniczną dla dyrektywy UE 2016/2102 o dostępności stron internetowych organów sektora publicznego.

Organizacja W3C zachęca do stosowania najnowszej wersji WCAG podczas opracowywania lub aktualizowania polityk dostępności, przy czym WCAG 2.1 pozostaje standardem referencyjnym obowiązującym w polskim i unijnym prawodawstwie.

Kogo dotyczy WCAG 2.1?

Dla kogo są wytyczne?

  • Twórcy stron internetowych – projektanci, autorzy treści, programiści front-end
  • Twórcy narzędzi do budowania stron – systemy CMS, kreatory
  • Audytorzy i testerzy dostępności
  • Podmioty publiczne – objęte obowiązkiem prawnym
  • Wszystkie organizacje chcące zapewnić dostępność usług cyfrowych

Komu pomaga standard?

  • Dysfunkcje wzroku (ślepota, słabowzroczność)
  • Dysfunkcje słuchu (głuchota, niedosłuch)
  • Ograniczona sprawność ruchowa
  • Niepełnosprawności mowy
  • Nadwrażliwość na światło (fotosensytywność)
  • Zaburzenia poznawcze i trudności w uczeniu się

Oficjalne polskie tłumaczenie WCAG 2.1

Na zlecenie Ministerstwa Cyfryzacji przygotowano autoryzowane polskie tłumaczenie WCAG 2.1, będące oficjalną translacją zatwierdzoną przez W3C. Jego publikacja poprzedzona była procedurą opisaną w dokumencie „Policy for W3C Authorized Translations”. Tłumaczenie jest wynikiem wielu miesięcy pracy polskich specjalistów ds. dostępności.

🔗
Oficjalne polskie tłumaczenie dostępne jest na stronie W3C:

www.w3.org/Translations/WCAG21-pl/

WCAG 2.0, 2.1 i 2.2 – główne różnice

Wersja Data publikacji Wytycznych Kryteriów sukcesu Status
WCAG 2.0 Grudzień 2008 12 61 Obowiązuje, lecz zalecane jest stosowanie 2.1
WCAG 2.1 Czerwiec 2018 13 (+1) 78 (+17) Standard wymagany prawnie w Polsce i UE
WCAG 2.2 Październik 2023 13 87 (+9) Najnowsza wersja rekomendacji W3C
💡
Uwaga

Zgodność z WCAG 2.2 oznacza jednocześnie zgodność z WCAG 2.1 i 2.0 – standard jest wstecznie kompatybilny.

Najczęściej zadawane pytania (FAQ)

Czy strona zgodna z Krajowymi Ramami Interoperacyjności (KRI) spełnia wymogi ustawy o dostępności cyfrowej?
Nie zawsze. Główna różnica polega na tym, że KRI odwołuje się do WCAG 2.0, natomiast ustawa o dostępności cyfrowej – do WCAG 2.1. Nowszy standard wprowadza dodatkowe kryteria sukcesu, które muszą być spełnione.
Jakie strony podlegają ustawie o dostępności cyfrowej?
Wszystkie strony internetowe i aplikacje mobilne podmiotów publicznych, w tym intranety i ekstranety wyświetlane przez przeglądarki internetowe.
Czy istnieje możliwość skargi na brak dostępności cyfrowej?
Tak. Każdy użytkownik może złożyć skargę do podmiotu publicznego na brak dostępności cyfrowej. Podmiot jest zobowiązany do odpowiedzi i podjęcia działań naprawczych w wyznaczonym terminie.
W jakim języku powinna być sporządzona Deklaracja dostępności?
W języku strony, której dotyczy – zgodnie z zasadą, że ma być pomocna i przyjazna użytkownikowi.

Źródła

Treść niniejszej strony opiera się wyłącznie na informacjach z następujących oficjalnych i zaufanych źródeł:

  1. WCAG 2.1 w skrócie – Portal Gov.pl / Dostępność cyfrowa Oficjalny portal rządowy Rzeczypospolitej Polskiej
  2. WCAG 2.1 już oficjalnie po polsku – Ministerstwo Cyfryzacji / Portal Gov.pl Komunikat o oficjalnym polskim tłumaczeniu WCAG 2.1
  3. FAQ – Najczęściej zadawane pytania – Portal Gov.pl / Dostępność cyfrowa Odpowiedzi na pytania dotyczące ustawy i WCAG
  4. WCAG 2 Overview – Web Accessibility Initiative (WAI) / W3C Oficjalny przegląd standardu WCAG organizacji W3C (twórca standardu)
  5. Web Content Accessibility Guidelines (WCAG) 2.1 – W3C Recommendation Pełna treść standardu WCAG 2.1 w języku angielskim
  6. What’s New in WCAG 2.1 – WAI / W3C Szczegółowy opis 17 nowych kryteriów sukcesu
  7. Wytyczne dla dostępności treści internetowych (WCAG) 2.1 – oficjalne polskie tłumaczenie W3C Autoryzowane tłumaczenie zatwierdzone przez W3C
  8. WCAG 2.1 – obowiązujące wytyczne w zakresie równości szans i niedyskryminacji – PARP Polska Agencja Rozwoju Przedsiębiorczości – agencja rządowa
  9. Brak dostępności cyfrowej – FunduszeUnijne.gov.pl Ministerstwo Funduszy i Polityki Regionalnej
Ważna klauzula zastrzeżenia – przeczytaj przed podjęciem decyzji

Informacje zawarte na niniejszej stronie mogą być nieaktualne lub nieprecyzyjne. Przepisy prawa, normy techniczne i interpretacje dotyczące dostępności cyfrowej ulegają zmianom. Treść tej strony pochodzi z ogólnodostępnych źródeł internetowych i nie stanowi porady prawnej, technicznej ani audytorskiej.

Przed podjęciem jakichkolwiek decyzji prawnych, technicznych lub organizacyjnych opartych na informacjach z tej strony zawsze weryfikuj dane w kilku niezależnych, aktualnych źródłach. W szczególności opieraj się na oficjalnych stronach rządowych i organach stanowiących prawo:

Zalecane oficjalne źródła do weryfikacji:

Autor tej strony nie ponosi odpowiedzialności za decyzje podjęte wyłącznie na podstawie zamieszczonych tu informacji. W sprawach dotyczących zgodności z prawem skonsultuj się z prawnikiem lub certyfikowanym audytorem dostępności cyfrowej.

Treść opracowana na podstawie oficjalnych źródeł publicznych · Data opracowania: maj 2026 r. · Informacje wymagają weryfikacji w aktualnych źródłach