Dostępność sklepu internetowego: przepisy, WCAG i poprawki w koszyku
Od czerwca 2025 dostępność przestała być dla wielu sklepów online tylko dobrą praktyką. Klient, który nie widzi ekranu albo nie używa myszy, musi móc znaleźć produkt, dodać go do koszyka i zapłacić.
Autor: Szymon Łakomy. Aktualizacja:
Które sklepy objęła ustawa
Ustawa z 26 kwietnia 2024 o zapewnianiu spełniania wymagań dostępności niektórych produktów i usług stosuje się od 28 czerwca 2025. Wśród usług, które obejmuje, są usługi handlu elektronicznego dla konsumentów, czyli typowy sklep sprzedający osobom prywatnym.
Co do zasady wyłączeni są mikroprzedsiębiorcy świadczący usługi: firmy zatrudniające mniej niż 10 osób, których obrót lub suma bilansowa nie przekracza 2 mln euro. Swój status i to, czy sklep mieści się w zakresie ustawy, potwierdź z prawnikiem. To nie jest porada prawna, tylko techniczna strona tematu.
WCAG 2.1 AA jako miara w praktyce
Ustawa opisuje wymagania ogólnie, a przy sprawdzaniu sklepu praktycznym punktem odniesienia są wytyczne WCAG 2.1 na poziomie AA. W prostych słowach: treść da się odczytać przy słabszym wzroku, każdą funkcję obsłużysz klawiaturą, komunikaty są zrozumiałe, a kod współpracuje z czytnikami ekranu.
Sklep musi też udostępnić informację o tym, jak usługa spełnia wymagania dostępności. Przygotowuję jej część techniczną na podstawie przeglądu, a ostateczną treść warto skonsultować z prawnikiem.
Typowe błędy, które blokują zakup
| Błąd | Kogo blokuje | Jak poprawiam |
|---|---|---|
| słaby kontrast tekstu i przycisków | osoby słabowidzące | zmiana kolorów w motywie do poziomu z WCAG |
| menu, filtry i galeria bez obsługi klawiaturą | osoby, które nie używają myszy | widoczne zaznaczenie, logiczna kolejność, prawdziwe przyciski i linki |
| pola formularzy bez etykiet | użytkowników czytników ekranu | etykiety powiązane z polami i komunikat błędu przy polu |
| zdjęcia produktów bez opisów alternatywnych | osoby niewidome | krótki opis tego, co widać na zdjęciu |
| koszyk i płatność niedostępne dla czytnika ekranu | każdego z czytnikiem, w kluczowym momencie | test całej ścieżki od koszyka do potwierdzenia zamówienia |
| captcha bez alternatywy | osoby niewidome i słabowidzące | ochrona przed spamem bez zagadki obrazkowej |
| wyskakujące okna bez zamknięcia klawiaturą | osoby nawigujące klawiaturą | zamykanie klawiszem Escape i powrót do miejsca na stronie |
Ostatni punkt często dotyczy okna zgód, dlatego przy poprawkach sprawdzam też baner cookies i zgody na stronie. Formularz płatności pochodzi zwykle od operatora, więc jego zachowanie testuję razem z integracją płatności online.
Jak przeglądam sklep
- Skan automatyczny strony głównej, kategorii, karty produktu, koszyka i formularzy.
- Przejście całej ścieżki zakupu samą klawiaturą, od wyszukiwarki do potwierdzenia.
- Ten sam zakup z czytnikiem ekranu na komputerze i telefonie.
- Sprawdzenie kontrastu oraz powiększenia strony do dużych rozmiarów.
- Lista poprawek uporządkowana według tego, jak mocno blokują zakup.
Narzędzia automatyczne wychwytują tylko część problemów, dlatego test ręczny jest obowiązkowy. Szybkość i widoczność w wyszukiwarce to osobny temat, który obejmuje audyt strony internetowej.
Gotowa platforma czy własny kod
Na platformie abonamentowej albo na WordPressie z WooCommerce dużo zależy od motywu i wtyczek: poprawiam szablony, a wtyczki, których nie da się naprawić, wymieniam. W sklepie internetowym budowanym od podstaw poprawki trafiają bezpośrednio do kodu. Przy nowym sklepie planuję dostępność od projektu, bo to prostsze niż przerabianie gotowych szablonów.
Najczęstsze pytania
Czy mój mały sklep musi spełniać te wymagania?
Mikroprzedsiębiorcy świadczący usługi, czyli firmy z mniej niż 10 osobami i obrotem lub sumą bilansową do 2 mln euro, są co do zasady wyłączeni. Swój status potwierdź z prawnikiem. Dostępny sklep i tak łatwiej obsłużyć każdemu klientowi.
Czy wystarczy nakładka lub wtyczka dostępności?
Nakładka z przyciskiem powiększania tekstu nie zmienia kodu sklepu. Pola bez etykiet i koszyk bez obsługi klawiaturą zostają takie same, więc poprawki muszą trafić do motywu i szablonów.
Co powinna zawierać informacja o dostępności?
Ma opisywać, jak usługa spełnia wymagania dostępności. Część techniczną przygotowuję na podstawie przeglądu: co działa, co jest w trakcie poprawy i jak zgłosić problem. Ostateczną treść ustal z prawnikiem.
Ile kosztuje poprawa dostępności sklepu?
Wycena po przeglądzie. Zależy od platformy, motywu, liczby szablonów i tego, czy problemy leżą w kodzie, czy we wtyczkach. Lista poprawek ma priorytety, więc pracę można rozłożyć w czasie.
Powiązane strony
Chcesz sprawdzić dostępność swojego sklepu?
Podaj adres sklepu i platformę, na której działa. Odpowiem, od czego zacząć przegląd.