Przejdź do treści głównej
Granty do $15 000/rok dla mediów
WCAG

Dostępność sklepu internetowego: checklista WCAG 2.1 AA

Checklista dostępności sklepu internetowego wzdłuż ścieżki klienta: ustawa z 2024 r., kryteria WCAG 2.1 AA, sposób testu i kary. Zacznij od poprawek.

A

Andrii Vdovyn

9 min czytania

Obowiązuje od 28 czerwca 2025 r.

Ustawa z 26 kwietnia 2024 r. o zapewnianiu spełniania wymagań dostępności niektórych produktów i usług obejmuje m.in. handel elektroniczny świadczony konsumentom, czyli również sklep internetowy. Kary mogą sięgać 10-krotności przeciętnego miesięcznego wynagrodzenia, nie więcej jednak niż 10% obrotu.

Dla klienta z niepełnosprawnością sklep internetowy to często jedyna droga do zakupu. Dla właściciela sklepu dostępność przestała być wyłącznie kwestią dobrej praktyki, bo ma już konkretną podstawę prawną. Ten tekst zaczyna od tego, co mówi ustawa, a potem przechodzi ścieżkę klienta krok po kroku: od menu, przez koszyk i płatność, po regulamin. Przy każdym etapie wskazujemy kryteria WCAG 2.1 na poziomie AA oraz sposób testu. Więcej o wymaganiach dla Polski znajdą Państwo na stronie zgodności z przepisami dla Polski.

Co mówi ustawa o dostępności

Ustawa z 26 kwietnia 2024 r. (Dz.U. 2024 poz. 731) wdraża dyrektywę (UE) 2019/882, czyli European Accessibility Act. Obowiązki dotyczą podmiotów świadczących usługi objęte ustawą, a wśród nich znajduje się handel elektroniczny skierowany do konsumentów. Ustawa obejmuje także m.in. bankowość detaliczną, usługi telekomunikacyjne i przewozy pasażerskie.

Dla sklepu kluczowy jest art. 18. Wymaga on, aby funkcje identyfikacji, bezpieczeństwa, płatności i podpisu elektronicznego w handlu elektronicznym były postrzegalne, funkcjonalne, zrozumiałe i solidne. W praktyce oznacza to, że klient z niepełnosprawnością powinien móc założyć konto, zalogować się, zapłacić i potwierdzić zamówienie bez barier.

Ustawa wymaga też informacji dla klientów. Podmiot świadczący usługę ma obowiązek przeprowadzić ocenę zgodności usługi z wymaganiami (art. 32 ust. 1) oraz opublikować w regulaminie lub równoważnym dokumencie, w formie dostępnej dla osób ze szczególnymi potrzebami, informację o tym, jak usługa spełnia wymagania dostępności (art. 32 ust. 2 pkt 1). Informacja ta ma być dostępna przez cały czas, gdy usługa jest oferowana.

Nie mylmy tego z ustawą z 4 kwietnia 2019 r. o dostępności cyfrowej. Ta ustawa dotyczy podmiotów publicznych, nie prywatnych sklepów, i nie wymaga od sklepu deklaracji dostępności w rozumieniu tamtego aktu. Obowiązek informacyjny dla sklepu wynika z ustawy z 2024 r.

Kto jest objęty ustawą

Ustawa dotyczy usług świadczonych konsumentom, czyli osobom fizycznym kupującym w celach niezwiązanych z działalnością gospodarczą. Sklep internetowy sprzedający konsumentom co do zasady jest więc objęty. Ustawa nie obejmuje jednak treści, których podmiot nie finansuje, nie tworzy i nie kontroluje, na przykład recenzji dodawanych przez klientów (art. 4 pkt 2).

Wyłączenie mikroprzedsiębiorców

Ustawa nie stosuje się do usług świadczonych przez mikroprzedsiębiorców (art. 4 pkt 1). Zwolnienie dotyczy wyłącznie usług, a nie produktów. Mikroprzedsiębiorcy wprowadzający produkty objęte ustawą nie są zwolnieni, choć mają lżejsze obowiązki oceny. Przed przyjęciem zwolnienia warto sprawdzić, czy spełniają Państwo kryteria na aktualnych danych.

Treści opublikowane przed 28 czerwca 2025 r., takie jak dokumenty publikowane przed tą datą, pozostają poza zakresem ustawy (art. 86). Treści edytowane po tej dacie nie są archiwalne, dlatego powinny spełniać wymagania. Nowy regulamin w PDF należy więc traktować jako treść objętą ustawą.

Co grozi za brak zgodności

Nadzór nad ustawą sprawuje Prezes Zarządu PFRON. Przed wydaniem decyzji podmiot może zostać wezwany do usunięcia niezgodności w terminie nieprzekraczającym 120 dni. Może też zostać zakazane oferowanie usługi na okres nieprzekraczający 180 dni (art. 62 ust. 1).

Kary pieniężne (art. 73) dotyczą m.in. niezapewnienia zgodności usługi z wymaganiami, braku oceny zgodności, braku wymaganych informacji w regulaminie oraz braku zawiadomienia organu o niezgodności. Górna granica to 10-krotność przeciętnego miesięcznego wynagrodzenia w gospodarce narodowej z roku poprzedzającego, nie więcej niż 10% obrotu za poprzedni rok obrotowy. Obowiązuje niższa z tych kwot. Według komunikatu Prezesa GUS przeciętne wynagrodzenie za 2025 r. wyniosło 8 903,56 zł brutto, co daje granicę około 89 tys. zł.

Każdy może też zgłosić niezgodność Prezesowi PFRON (art. 67). PFRON ma rozpatrzyć zgłoszenie w ciągu 30 dni albo przekazać je właściwemu organowi (art. 68). Dlatego skarga klienta bywa pierwszym sygnałem problemu, który trafi do urzędu.

Checklista: ścieżka klienta w sklepie

Poniższa tabela idzie w kolejności, w jakiej klient przechodzi przez sklep. Numery w kolumnie kryteriów odnoszą się do WCAG 2.1 na poziomie AA. Tabela nie zastępuje pełnego audytu. Pokazuje najczęstsze miejsca ryzyka w sklepie.

EtapCo sprawdzićWCAG 2.1Jak testować
NawigacjaLink pomijający menu, logiczne nagłówki, to samo menu na każdej stronie2.4.1, 1.3.1, 2.4.6, 3.2.3Tab od góry strony; klawisz H w czytniku ekranu
Wyszukiwarka i filtryEtykieta pola, komunikat o liczbie wyników, suwak ceny obsługiwany klawiaturą1.3.1, 2.1.1, 4.1.3Szukaj i filtruj wyłącznie klawiaturą; sprawdź, czy czytnik ogłasza wynik
Lista produktówLinki z opisową nazwą produktu; karuzela z przyciskiem zatrzymania2.4.4, 2.2.2Lista linków w czytniku ekranu; zatrzymaj karuzelę klawiaturą
Zdjęcia i teksty alternatywneAlt opisujący produkt; pusty alt dla zdjęć dekoracyjnych1.1.1Wyłącz obrazy w przeglądarce; sprawdź atrybut alt w narzędziach deweloperskich
Warianty (rozmiar, kolor)Wybór przez pola radio lub select z etykietą; kolor nie jest jedyną informacją1.4.1, 1.3.1, 4.1.2Wybierz wariant klawiaturą; czytnik powinien ogłosić zmianę
KoszykPrzycisk „Usuń” z nazwą produktu; ogłaszanie zmiany sumy; limit czasu z możliwością przedłużenia4.1.2, 4.1.3, 2.2.1Dodaj produkt, zmień ilość i usuń go, używając tylko klawiatury
Formularz zamówieniaWidoczne etykiety, autouzupełnianie pól adresowych, błędy opisane tekstem i przypisane do pola1.3.1, 1.3.5, 3.3.1, 3.3.2, 3.3.3Wyślij formularz pusty i z błędnymi danymi
Podsumowanie zamówieniaMożliwość sprawdzenia i poprawienia danych przed złożeniem zamówienia z płatnością3.3.4Przejdź do końca i sprawdź, czy można wrócić do danych
Logowanie i kontoEtykiety pól, czytelny komunikat o błędzie, brak pułapki czasowej1.3.5, 3.3.1, 2.2.1Zaloguj się i zresetuj hasło bez myszy
PłatnośćEtykiety pól kart, kolejność fokusu w oknach dostawcy, potwierdzenie 3-D Secure4.1.2, 2.4.3, 2.1.2Przejdź całą płatność klawiaturą na koncie testowym dostawcy
Baner cookiesPrzyciski „Akceptuj” i „Odrzuć” o równorzędnej widoczności; fokus w oknie; zamykanie klawiszem Esc2.4.3, 2.1.2, 4.1.2Otwórz baner i zamknij go wyłącznie klawiaturą
KontrastTekst co najmniej 4,5:1 (duży tekst 3:1); ramki pól, ikony i fokus co najmniej 3:11.4.3, 1.4.11Sprawdź pary kolorów w kontrast-checkerze
Fokus klawiaturyWidoczny wskaźnik fokusu na każdym elemencie; brak pułapek klawiaturowych2.1.1, 2.1.2, 2.4.7Przejdź całą ścieżkę klawiszami Tab i Shift+Tab
Czytniki ekranuKomunikaty ogłaszane we właściwym momencie; przyciski z nazwą; rozpoznawalne sekcje1.3.1, 4.1.2, 4.1.3Test z NVDA (Windows) lub VoiceOver (macOS, iOS)
PowiększenieBrak utraty treści przy powiększeniu 200% i szerokości 320 px1.4.4, 1.4.10, 1.4.12Zoom 200% i 400%; zwężenie okna do 320 px
WideoNapisy do nagrań prezentujących produkt; autoodtwarzanie z możliwością zatrzymania1.2.2, 1.4.2Odtwórz bez dźwięku i sprawdź napisy
Regulamin w PDFDokument z tagami, poprawna kolejność odczytu, tekst zamiast skanu1.3.1, 1.1.1Funkcja Sprawdź dostępność w Adobe Acrobat; odczyt czytnikiem ekranu

Jeśli płatności obsługuje zewnętrzny dostawca, jego okna nie są w pełni pod Państwa kontrolą. Warto zapytać go o stan dostępności albo wybrać rozwiązanie, które ją udostępnia.

Jak testować i czego testy nie wykryją

Testy automatyczne, takie jak Lighthouse, axe DevTools czy WAVE, szybko wskazują część problemów: brak tekstu alternatywnego, zbyt niski kontrast, brak etykiet. Nie wykryją jednak, czy kolejność fokusu ma sens, czy komunikat o błędzie jest zrozumiały ani czy czytnik poprawnie ogłasza zmianę koszyka. Automatyczne narzędzia znajdują tylko część barier, a reszta wymaga testów ręcznych.

Minimalny zestaw testów ręcznych obejmuje przejście całej ścieżki zakupu wyłącznie klawiaturą, test z jednym czytnikiem ekranu (NVDA na Windows lub VoiceOver na macOS i iOS) oraz kontrolę przy powiększeniu 200% i 400%. Pełną ocenę przeprowadzają eksperci. Opisujemy to na stronie testów manualnych.

Plan działania dla sklepu

Jeśli wykryjecie niezgodność, ustawa wymaga podjęcia działań korygujących i zawiadomienia organu bez zbędnej zwłoki (art. 32 ust. 2 pkt 5 i 6). Proponowana kolejność działań wygląda następująco:

  • Ustalić, czy sklep i jego usługi są objęte ustawą, i sprawdzić kryterium mikroprzedsiębiorcy na aktualnych danych.
  • Przeprowadzić i udokumentować ocenę zgodności usługi (art. 32 ust. 1).
  • Dodać do regulaminu informację o tym, jak sklep spełnia wymagania dostępności, w formie dostępnej.
  • Uruchomić automatyczny audyt, a potem przejść ścieżkę zakupu ręcznie klawiaturą i czytnikiem ekranu. Automatyczny audyt InclusiveWeb sprawdza stronę pod kątem ponad 90 reguł WCAG 2.1, ale nie zastępuje testów ręcznych.
  • Naprawić błędy, zaczynając od najczęstszych: kontrastu, etykiet formularzy, fokusu i tekstów alternatywnych.
  • Uruchomić prosty kanał zgłoszeń dla klientów i procedurę odpowiedzi w ciągu 30 dni (art. 37 ust. 2).
  • Sprawdzać ponownie stronę po każdej większej zmianie w sklepie.

Najczęstsze pytania

Od kiedy sklepy internetowe muszą spełniać wymagania?

Ustawa z 26 kwietnia 2024 r. weszła w życie 28 czerwca 2025 r. Od tej daty obowiązują wymagania dla objętych nią usług, w tym handlu elektronicznego świadczonego konsumentom. Wyjątki dotyczące treści opublikowanych przed tą datą opisuje art. 86 ustawy.

Mój sklep ma kilku pracowników. Czy to wystarcza, by być zwolnionym?

Zwolnienie dotyczy wyłącznie usług świadczonych przez mikroprzedsiębiorców. Ustawa nie definiuje tego pojęcia. Według definicji z Prawa przedsiębiorców, na którą wskazują źródła wtórne, mikroprzedsiębiorca to firma zatrudniająca mniej niż 10 osób, z obrotem lub sumą bilansową nieprzekraczającą 2 mln euro. Zwolnienie nie obejmuje produktów, dlatego warto to sprawdzić na aktualnych danych firmy.

Jaki poziom WCAG obowiązuje w polskiej ustawie?

Ustawa nie wymienia WCAG wprost. Odwołuje się do wymagań zharmonizowanych z normą europejską EN 301 549. Według powszechnie opisywanej zawartości tej normy jej wymagania dla treści internetowych odpowiadają WCAG 2.1 na poziomie AA. Dlatego WCAG 2.1 AA jest praktycznym punktem odniesienia, a nie literalnym zapisem ustawy.

Czy wystarczy widżet dostępności?

Nie. Widżet może ułatwić korzystanie ze strony, ale nie naprawia kodu, struktury HTML ani treści. Panel InclusiveWeb to trzecia warstwa, dokładana na zadbaną stronę, a nie zamiast jej naprawy. Najpierw warto usunąć błędy w sklepie, a dopiero potem myśleć o dodatkowej warstwie.

Co zrobić, gdy klient zgłosi problem z dostępnością?

Konsument może złożyć skargę bezpośrednio do przedsiębiorcy. Skarga powinna zawierać m.in. imię i nazwisko, dane kontaktowe, opis usługi, wymaganie, którego nie spełniono, i żądanie zapewnienia dostępności. Odpowiedź należy przekazać w ciągu 30 dni (art. 37 ust. 2). Niekompletna skarga może zostać pozostawiona bez rozpatrzenia (art. 36 ust. 3), dlatego warto mieć prosty kanał zgłoszeń, zanim pierwsza skarga nadejdzie.

Od czytania do działania

InclusiveWeb skanuje Twoją stronę i pokazuje błędy dostępności w 3 minuty. 7 dni za darmo, bez karty.