7 min. 30 sek.
WCAG co to jest i jak dostosować stronę do nowych przepisów o dostępności
Autorka
WCAG (Web Content Accessibility Guidelines) to międzynarodowy standard, który określa, jak zaprojektować stronę internetową zrozumiałą i funkcjonalną dla osób z niepełnosprawnościami. Od 28 czerwca 2025 roku zgodność z WCAG 2.1 na poziomie AA jest w Polsce wymogiem prawnym dla wielu firm prywatnych na mocy European Accessibility Act (EAA). W tym poradniku dowiesz się, kogo dokładnie dotyczą nowe przepisy, jakie kary grożą za ich zignorowanie i jak dostosować swoją stronę krok po kroku, nawet jeśli nie znasz się na kodzie.
Brzmi poważnie? Spokojnie, to prostsze niż myślisz. Zacznijmy od podstaw.
Co to jest WCAG?
WCAG to zbiór wytycznych stworzonych przez konsorcjum W3C (World Wide Web Consortium), czyli międzynarodową organizację, która ustala standardy techniczne dla całego internetu. Za same wytyczne dostępności odpowiada w ramach W3C inicjatywa WAI (Web Accessibility Initiative). Mówiąc prościej: WCAG to instrukcja, jak zbudować stronę tak, żeby skorzystała z niej osoba niedowidząca korzystająca z czytnika ekranu, osoba niesłysząca oglądająca wideo bez napisów, czy ktoś, kto porusza się po stronie wyłącznie klawiaturą, bez myszki.
Dostępność cyfrowa to nie jest dodatek dla wąskiej grupy odbiorców. W Polsce z różnymi ograniczeniami sprawności żyje kilka milionów osób, a do tego dochodzą sytuacje tymczasowe: złamana ręka, słabe światło na ekranie telefonu w słońcu, hałas w autobusie utrudniający odsłuchanie wideo. Strona zgodna z WCAG działa lepiej dla wszystkich.
WCAG 2.1 a WCAG 2.2: czym się różnią
WCAG 2.1 obowiązuje od 2018 roku i to właśnie ta wersja jest dziś wskazana wprost w polskich i unijnych przepisach jako wymagany poziom zgodności. WCAG 2.2, opublikowane przez W3C w październiku 2023 roku, jest wersją nowszą i rozszerza poprzednią o kilka dodatkowych kryteriów, między innymi minimalny rozmiar elementów klikalnych, ochronę przed przesłanianiem elementu, na którym jest fokus klawiatury, oraz łatwiejsze mechanizmy logowania bez polegania wyłącznie na pamięci użytkownika.
W praktyce nie musisz wybierać między nimi. WCAG 2.2 jest w pełni zgodne wstecznie z WCAG 2.1, więc dostosowując stronę do nowszej wersji, automatycznie spełniasz też wymogi starszej.
| Wersja |
Rok publikacji |
Status prawny w Polsce |
| WCAG 2.1 |
2018 |
Wymagany poziom AA (EAA i ustawa o dostępności cyfrowej) |
| WCAG 2.2 |
2023 |
Zalecany jako aktualny standard, w pełni zgodny wstecznie z 2.1 |
Poziomy zgodności A, AA, AAA
WCAG dzieli wymagania na trzy poziomy, od najbardziej podstawowego do najbardziej rygorystycznego.
-
Poziom A to absolutne minimum. Bez niego część odbiorców w ogóle nie skorzysta ze strony.
-
Poziom AA to standard wymagany przepisami w Polsce i Unii Europejskiej. To właśnie ten poziom powinien być Twoim celem.
-
Poziom AAA to poziom najwyższy, stosowany zwykle tam, gdzie dostępność ma znaczenie krytyczne, na przykład na stronach instytucji specjalizujących się w obsłudze osób z niepełnosprawnościami. Osiągnięcie go dla całej strony bywa trudne, a W3C sam zaznacza, że nie zaleca go jako ogólnego wymogu dla wszystkich witryn.
Kogo dotyczą nowe przepisy o dostępności cyfrowej (EAA)?
Nowe przepisy obowiązują małe, średnie i duże firmy prywatne, które oferują między innymi e-commerce, bankowość, transport pasażerski, telekomunikację czy e-booki. Zwolnione z obowiązku są mikroprzedsiębiorstwa, czyli firmy zatrudniające mniej niż 10 osób i osiągające roczny obrót poniżej 2 milionów euro. W Polsce funkcjonują właściwie dwie osobne ustawy dotyczące dostępności i warto ich nie mylić.
Ustawa o dostępności cyfrowej, sektor publiczny
Pierwsza z nich to ustawa z 4 kwietnia 2019 roku o dostępności cyfrowej stron internetowych i aplikacji mobilnych podmiotów publicznych. Obowiązuje ona od 2019 i 2020 roku i dotyczy urzędów, szkół, uczelni, szpitali oraz innych instytucji publicznych. To właśnie ta ustawa wprowadziła obowiązek publikowania na stronie deklaracji dostępności.
European Accessibility Act, sektor prywatny
Druga ustawa, z 26 kwietnia 2024 roku, o zapewnianiu spełniania wymagań dostępności niektórych produktów i usług przez podmioty gospodarcze, wdraża do polskiego prawa unijną dyrektywę European Accessibility Act (EAA). Weszła w życie 28 czerwca 2025 roku i to właśnie ona dotyczy firm prywatnych. Rok 2026 jest pierwszym pełnym rokiem jej egzekwowania, więc jeśli prowadzisz sklep internetowy, oferujesz usługi finansowe albo sprzedajesz bilety online, warto sprawdzić swoją stronę już teraz.
Kto jest zwolniony, wyjątek dla mikroprzedsiębiorstw
Jeśli Twoja firma zatrudnia mniej niż 10 osób i ma roczny obrót poniżej 2 milionów euro, formalnie nie obejmuje Cię obowiązek z EAA. Warto jednak pamiętać o jednym: coraz więcej większych partnerów biznesowych i platform wymaga zgodności z WCAG od wszystkich podwykonawców, niezależnie od wielkości firmy. Dostępna strona to więc nie tylko obowiązek prawny, ale coraz częściej też warunek współpracy.
130
czeka na Ciebie
Ponad
darmowych szablonów
Jakie są kary za brak zgodności z WCAG?
Wysokość kar zależy od tego, czy prowadzisz podmiot publiczny, czy firmę prywatną objętą EAA, dlatego oba przypadki warto rozróżnić.
Dla podmiotów publicznych, na podstawie ustawy z 2019 roku, sankcje wiążą się głównie z brakiem deklaracji dostępności lub jej niekompletną treścią. Zgodnie z informacjami publikowanymi przez portale prawne, mowa tu o kwotach rzędu kilku tysięcy złotych za braki formalne, a wyższych, dochodzących do 10 000 zł, w przypadku uporczywego niezapewniania dostępności mimo wcześniejszych wezwań.
Dla firm prywatnych objętych EAA mechanizm jest inny i, co ważne, powiązany z wielkością firmy. Kara pieniężna może wynieść do dziesięciokrotności przeciętnego miesięcznego wynagrodzenia w gospodarce narodowej, jednak nie więcej niż 10% rocznego obrotu przedsiębiorstwa z poprzedniego roku. Decyzję wydaje prezes zarządu PFRON (Państwowy Fundusz Rehabilitacji Osób Niepełnosprawnych) albo właściwy organ branżowy, na przykład UKE dla telekomunikacji czy Rzecznik Finansowy dla usług bankowych.
Dokładne kwoty i progi warto zweryfikować bezpośrednio w aktualnym tekście ustawy lub u prawnika specjalizującego się w tym temacie, ponieważ przepisy wykonawcze i wysokość przeciętnego wynagrodzenia zmieniają się co roku. Ten artykuł nie jest poradą prawną, tylko punktem wyjścia do dalszego sprawdzenia tematu.
4 zasady WCAG (POUR) w praktyce
Cała filozofia WCAG opiera się na czterech zasadach, znanych pod angielskim skrótem POUR: dostrzegalność, funkcjonalność, zrozumiałość i solidność. Zamiast suchej teorii, zobacz, jak wyglądają w praktyce.
-
Postrzegalność. Treść musi być dostrzegalna zmysłami, które użytkownik ma do dyspozycji. W praktyce oznacza to na przykład kontrast tekstu względem tła na poziomie minimum 4.5:1 oraz opisy alternatywne (tak zwane alt teksty) przy każdej ważnej grafice, żeby czytnik ekranu mógł je odczytać na głos.
-
Funkcjonalność. Każdą funkcję strony musi dać się obsłużyć, w tym z klawiatury, bez użycia myszki. Sprawdź, czy da się przejść przez cały formularz kontaktowy samym tabulatorem.
-
Zrozumiałość. Treść i sposób działania strony muszą być przewidywalne. Komunikaty o błędach w formularzu powinny jasno tłumaczyć, co poszło nie tak i jak to naprawić, a nie tylko podświetlać pole na czerwono.
-
Solidność. Strona musi poprawnie działać z różnymi technologiami wspierającymi, na przykład czytnikami ekranu. To wymaga semantycznego kodu HTML, czyli takiego, w którym nagłówki, przyciski i listy są oznaczone właściwymi znacznikami, a nie samym stylem wizualnym.
Co więcej, te cztery zasady świetnie się ze sobą łączą. Czytelna struktura nagłówków, o którą dbasz z myślą o osobach korzystających z czytnika ekranu, ułatwia też robotom AI i wyszukiwarkom zrozumienie Twojej strony. Dostępność i widoczność w wyszukiwarce idą tu ręka w rękę.
Jak sprawdzić, czy Twoja strona spełnia WCAG?
Zanim zlecisz płatny audyt, możesz samodzielnie sprawdzić podstawowe błędy za pomocą kilku darmowych narzędzi. Żadne z nich nie zastąpi pełnej analizy, ale pozwolą Ci szybko wychwycić najczęstsze problemy.
-
WAVE (wave.webaim.org), rozszerzenie do przeglądarki, które wizualnie oznacza na stronie błędy dostępności, na przykład brakujące alt teksty czy zbyt niski kontrast.
-
Lighthouse w Google Chrome DevTools, wbudowane w przeglądarkę narzędzie, które wylicza ogólny wynik dostępności strony w skali punktowej.
-
axe DevTools, rozszerzenie stosowane też przez programistów do wykrywania błędów technicznych zgodnych z konkretnymi kryteriami WCAG.
-
WebAIM Contrast Checker, proste narzędzie do sprawdzenia, czy kontrast koloru tekstu i tła spełnia wymagany próg.
Jeśli Twoja firma jest objęta EAA, prowadzisz sklep internetowy z dużym ruchem albo działasz w sektorze YMYL (czyli tam, gdzie błąd może dotyczyć zdrowia lub finansów użytkownika), warto rozważyć profesjonalny audyt dostępności. Taki audyt, przeprowadzony przez specjalistę, sprawdza nie tylko techniczne kryteria, ale też realne doświadczenie użytkownika korzystającego z czytnika ekranu czy nawigacji klawiaturą.
Jak dostosować stronę do WCAG bez znajomości kodu, integracja WebWave
WebWave umożliwia dodanie widgetu ułatwień dostępu, opartego na integracji z UserWay, w kilka minut i bez ingerencji w kod strony. Widget udostępnia odwiedzającym między innymi zmianę kontrastu, powiększanie tekstu i nawigację dostosowaną do czytników ekranu, samodzielnie, bez Twojego udziału.
Instalacja krok po kroku wygląda tak:
-
Zarejestruj się na stronie userway.org.
-
Wybierz darmową wersję wtyczki.
-
Skopiuj wygenerowany fragment kodu.
-
Wklej go w sekcji HEAD swojej strony w edytorze WebWave.
-
Spersonalizuj wygląd przycisku: pozycję, kolor i język.
Domyślnie widget pojawia się jako niebieski przycisk w prawym górnym rogu strony. To rozwiązanie szczególnie przydatne dla instytucji publicznych i firm objętych EAA, które chcą szybko wykazać się realnym działaniem w kierunku zgodności, bez przeprogramowywania całej strony od podstaw.
Tu jednak mała, ale ważna uwaga. Widget ułatwień dostępu to solidny krok w dobrą stronę, ale nie zastępuje pełnej zgodności technicznej. Kontrast kolorów w projekcie, opisy alt przy grafikach czy poprawna struktura nagłówków to fundamenty, które trzeba ustawić już na etapie projektowania strony.
Dlatego dobrze mieć pod ręką kreator stron internetowych z pełną kontrolą nad każdym elementem layoutu, w którym panel warstw pozwala samodzielnie zadbać o te szczegóły, a start ułatwiają gotowe, zaprojektowane z myślą o czytelności szablony stron internetowych.
Jeśli dopiero zaczynasz i zastanawiasz się od czego zabrać się za budowę własnej witryny, zerknij też do poradnika jak zrobić stronę internetową, a przewodnik po dostępnych opcjach integracji znajdziesz na liście integracji WebWave.
na każdym ekranie
Niech Twoja strona wygląda dobrze
Najczęstsze błędy dostępności na stronach www
Nawet estetyczne, nowoczesne strony często potykają się o te same, powtarzalne błędy. Sprawdź, czy któryś z nich nie dotyczy też Twojej witryny.
-
Brak opisów alternatywnych przy zdjęciach i grafikach, przez co czytnik ekranu pomija je całkowicie albo odczytuje bezużyteczną nazwę pliku.
-
Zbyt niski kontrast tekstu, na przykład jasnoszary napis na białym tle, który wygląda elegancko, ale jest nieczytelny dla osób słabowidzących.
-
Elementy niedostępne z klawiatury, na przykład menu rozwijane, które da się otworzyć wyłącznie kliknięciem myszką.
-
Linki opisane ogólnikowo, w stylu „kliknij tutaj" zamiast „pobierz cennik w PDF", co dla osoby korzystającej z czytnika ekranu jest zupełnie bezużyteczne.
-
Chaotyczna struktura nagłówków, na przykład przeskakiwanie z H1 od razu do H4, bez zachowania logicznej hierarchii.
-
Formularze bez etykiet przypisanych do pól, przez co użytkownik czytnika ekranu nie wie, co ma wpisać w dane pole.
-
Animacje i automatycznie odtwarzane treści bez możliwości ich zatrzymania.
-
Dokumenty PDF do pobrania, które są tylko zeskanowanym obrazem, bez warstwy tekstowej możliwej do odczytania.
FAQ
Co to jest WCAG i skąd pochodzi ten standard?
WCAG (Web Content Accessibility Guidelines) to standard dostępności cyfrowej opracowany przez inicjatywę WAI działającą w ramach konsorcjum W3C, czyli organizacji ustalającej globalne standardy techniczne internetu.
Czym różni się WCAG 2.1 od WCAG 2.2?
WCAG 2.2, opublikowane w 2023 roku, rozszerza WCAG 2.1 z 2018 roku o dodatkowe kryteria, między innymi minimalny rozmiar elementów klikalnych i łatwiejsze logowanie. Jest w pełni zgodne wstecznie, więc spełniając 2.2, spełniasz też 2.1.
Czy moją firmę dotyczą nowe przepisy o dostępności cyfrowej?
Jeśli prowadzisz firmę prywatną z sektora e-commerce, bankowości, transportu pasażerskiego, telekomunikacji lub e-booków i zatrudniasz co najmniej 10 osób lub masz obrót powyżej 2 milionów euro rocznie, przepisy EAA najprawdopodobniej Cię obejmują.
Jakie są kary za brak zgodności strony z WCAG?
Dla firm prywatnych kara może wynieść do dziesięciokrotności przeciętnego miesięcznego wynagrodzenia, ale nie więcej niż 10% rocznego obrotu firmy. Dla podmiotów publicznych kary wiążą się głównie z brakiem lub niekompletną deklaracją dostępności. Dokładne kwoty warto zweryfikować u prawnika.
Czy widget ułatwień dostępu wystarczy, żeby spełnić wymagania WCAG?
Widget, taki jak integracja WebWave z UserWay, to solidny pierwszy krok, ale nie zastępuje pełnej zgodności technicznej: kontrastu w projekcie, opisów alt czy poprawnej struktury nagłówków. Najlepiej traktować go jako uzupełnienie, a nie jedyne rozwiązanie.
Ile kosztuje dostosowanie strony do WCAG?
Podstawowy widget ułatwień dostępu możesz wdrożyć bezpłatnie w kilka minut. Pełny, profesjonalny audyt dostępności z rekomendacjami zwykle wycenia się indywidualnie, w zależności od wielkości i złożoności strony, dlatego warto poprosić o wycenę kilku audytorów.
Wskazówka eksperta: nie czekaj na pierwszą kontrolę ani skargę użytkownika. Zacznij od małych kroków: włącz widget ułatwień dostępu jeszcze dziś, a przy najbliższej aktualizacji strony popraw kontrast i dodaj brakujące opisy alt. Dostępność to proces, nie jednorazowe zadanie do odhaczenia, a każdy krok w tę stronę realnie poszerza grono osób, które mogą swobodnie korzystać z Twojej strony.
Popularne artykuły.
Pokaż swój biznes światu, zrób swoją stronę z WebWave
Ta strona została stworzona w kreatorze WebWave.
Znajdziesz nas na:
Kreator stron www WebWave umożliwia tworzenie stron www z pełną swobodą. Strony internetowe możesz tworzyć z pomocą AI, zaczynając od czystej karty lub wykorzystując szablony www. Strona www bez kodowania? W WebWave to możliwe. Zacznij już teraz.
Telefon: (22) 888 54 88
Napisz do nas na czacie
Jesteśmy dostępni 24/7