Dostępność sklepu oznacza, że klient może obejrzeć produkt, dodać go do koszyka i złożyć zamówienie także wtedy, gdy korzysta z czytnika ekranu, klawiatury zamiast myszy, dużego powiększenia albo ma czasową trudność z obsługą strony. Liczy się realne kupowanie, od pierwszego kliknięcia po potwierdzenie zamówienia.
Czym jest dostępność sklepu internetowego
W praktyce dostępność sklepu internetowego dotyczy całej ścieżki zakupowej. Strona główna, lista produktów, karta produktu, koszyk, checkout, płatność, konto klienta, regulamin, e-maile transakcyjne i formularz kontaktowy powinny działać w sposób zrozumiały i przewidywalny.
WCAG pomaga przełożyć ten temat na konkretne wymagania techniczne. Najprościej: treść ma być możliwa do zauważenia, interfejs do obsłużenia, komunikaty do zrozumienia, a kod do odczytania przez przeglądarki i technologie wspomagające. Dla sklepu oznacza to między innymi poprawne etykiety pól, widoczny fokus klawiatury, sensowne nagłówki, teksty alternatywne przy zdjęciach, odpowiedni kontrast i jasne komunikaty błędów. Szerzej tłumaczymy to we wprowadzeniu do dostępności cyfrowej stron (WCAG).
Dostępność e-commerce jest też sprawą biznesową. Jeśli klient nie może wybrać wariantu produktu, odczytać ceny promocyjnej, poprawić błędu w formularzu albo przejść płatności, sklep traci zamówienie. Czasem ten klient zgłasza problem. Czasem po prostu wychodzi.
EAA i polskie prawo – od kiedy sklep musi być dostępny
EAA, czyli Europejski Akt o Dostępności (dyrektywa 2019/882), zaczął obowiązywać w Polsce przez ustawę o zapewnianiu spełniania wymagań dostępności (Dz. U. 2024 poz. 731), która weszła w życie 28 czerwca 2025 roku. W zakresie e-commerce obejmuje usługi handlu elektronicznego świadczone konsumentom, czyli typowe sklepy internetowe sprzedające online.
Polska ustawa wskazuje handel elektroniczny wprost jako jedną z usług objętych wymaganiami dostępności. Definicja dotyczy usług oferowanych lub świadczonych na odległość przez strony internetowe i urządzenia mobilne, drogą elektroniczną, na indywidualne żądanie konsumenta, w celu zawarcia umowy. Dla właściciela sklepu brzmi to technicznie, ale sens jest prosty: jeśli klient może kupić produkt przez Twoją stronę, temat prawdopodobnie Cię dotyczy.
W e-commerce wymagania skupiają się szczególnie na elementach, które prowadzą do zawarcia transakcji. Sklep powinien zapewnić dostępne informacje o produktach i usługach, jeśli takie informacje o dostępności zostały podane przez odpowiedzialny podmiot. Dostępne mają być też funkcje związane z identyfikacją, bezpieczeństwem, płatnościami i usługami płatniczymi. Czyli logowanie, rejestracja, potwierdzanie danych, przejście przez koszyk i opłacenie zamówienia.
Ustawa przewiduje także nadzór i kary. Dla usług handlu elektronicznego organem nadzoru jest minister właściwy do spraw informatyzacji. Kara pieniężna może sięgać do dziesięciokrotności przeciętnego wynagrodzenia miesięcznego za poprzedni rok, przy limicie do 10% obrotu z poprzedniego roku obrotowego. To więc coś więcej niż formalność w regulaminie.
Kogo dotyczy, a kto jest zwolniony (mikrofirmy)
Obowiązki dotyczą sklepów oferujących usługi handlu elektronicznego konsumentom, z wyłączeniem usług świadczonych przez mikroprzedsiębiorców. Mikroprzedsiębiorca to firma zatrudniająca mniej niż 10 osób i mająca roczny obrót albo roczną sumę bilansową nieprzekraczającą 2 mln euro.
Zwolnienie mikrofirm nie oznacza, że temat można całkowicie odłożyć. Po pierwsze, status firmy może się zmienić. Po drugie, dostępność sklepu wpływa na sprzedaż i obsługę klienta niezależnie od progu ustawowego. Po trzecie, część firm współpracuje z większymi partnerami, marketplace’ami albo instytucjami, które mogą wymagać określonego poziomu dostępności w umowie.
Jeśli jesteś blisko progu albo nie masz pewności, czy zwolnienie obejmuje Twój konkretny model sprzedaży, sprawdź to z księgowością lub prawnikiem. Od strony technicznej rozsądnie jest i tak poprawiać sklep etapami, zaczynając od miejsc, w których klient podejmuje decyzję i płaci.
Najczęstsze bariery dostępności w sklepach
Najczęstsze problemy nie są ukryte głęboko w kodzie. Zwykle widać je na podstawowej ścieżce: produkt, koszyk, dane klienta, płatność i potwierdzenie zamówienia.
W sklepach na WooCommerce i Shopify często powtarzają się podobne bariery. Przycisk wygląda jak przycisk, ale dla czytnika ekranu nie ma nazwy. Formularz pokazuje błąd kolorem czerwonym, ale nie mówi, co trzeba poprawić. Popup z rabatem przejmuje fokus i nie da się go zamknąć klawiaturą. Wariant produktu jest dostępny tylko przez kliknięcie myszą. Cena po promocji jest wizualnie jasna, ale w kodzie ma kolejność, która myli użytkownika korzystającego z technologii wspomagających.
Karta produktu i zdjęcia
Karta produktu powinna dawać klientowi pełną informację potrzebną do decyzji. Dotyczy to nazwy, ceny, wariantów, dostępności, zdjęć, opisu, opinii, kosztów dostawy i przycisku dodania do koszyka.
Zdjęcia produktowe wymagają dobrych tekstów alternatywnych, ale nie każdy obraz trzeba opisywać tak samo. Miniatura dekoracyjna może mieć pusty alt. Zdjęcie pokazujące kolor, fakturę, układ złączy albo stan produktu powinno dostać opis, który niesie tę informację. Jeśli sprzedajesz ubrania, „sukienka” to za mało. Lepiej opisać krój, kolor i detal, który wpływa na wybór.
Problemem bywają też galerie. Użytkownik powinien wiedzieć, które zdjęcie jest aktywne, móc przełączać je klawiaturą i nie tracić miejsca na stronie po zamknięciu powiększenia. Jeżeli wariant „czarny, rozmiar M” zmienia zdjęcie i cenę, ta zmiana powinna być zrozumiała także bez patrzenia na ekran.
Koszyk i finalizacja zamówienia (checkout)
Koszyk i checkout to miejsca, w których mała bariera szybko staje się utraconą sprzedażą. Klient jest już zdecydowany, więc sklep powinien prowadzić go spokojnie przez dane, dostawę, płatność i zgodę na regulamin.
Najczęstsze problemy to pola bez etykiet, błędy pokazywane dopiero po wysłaniu formularza, komunikaty typu „nieprawidłowe dane” bez wskazania pola, zbyt krótka sesja koszyka, nieczytelne podsumowanie ceny i wymuszanie czynności, których nie da się wykonać klawiaturą. W checkoutcie trzeba też uważać na zewnętrzne moduły płatności, paczkomaty, mapy punktów odbioru i wtyczki do faktur. To częste źródła problemów, bo sklep wygląda spójnie, ale część procesu działa na obcym komponencie.
Dobrze przygotowany checkout pozwala przejść cały proces klawiaturą. Fokus jest widoczny, kolejność pól ma sens, a błędy są opisane tekstem. Klient wie, ile zapłaci, jaką metodę dostawy wybrał i co stanie się po kliknięciu przycisku zamówienia.
Formularze, filtry i wyszukiwarka
Formularze, filtry i wyszukiwarka decydują o tym, czy klient znajdzie produkt i czy poprawnie poda dane. W dostępności sklepu to jeden z najważniejszych obszarów do sprawdzenia ręcznie.
Filtry powinny mieć czytelne etykiety, stan zaznaczenia i możliwość obsługi klawiaturą. Jeśli po wybraniu rozmiaru lista produktów odświeża się automatycznie, użytkownik powinien dostać informację o zmianie wyników. Wyszukiwarka powinna mieć nazwę, sensowną podpowiedź i komunikat dla braku wyników. Sam placeholder w polu nie zastępuje etykiety, bo znika po wpisaniu tekstu i bywa słabo odczytywany przez technologie wspomagające.
Przy formularzach liczy się precyzja. Pole „Telefon” powinno mówić, jaki format jest akceptowany, jeśli sklep go wymaga. Zgody marketingowe powinny być odróżnione od zgód wymaganych do realizacji zamówienia. Komunikat błędu powinien wskazywać problem i sposób poprawy, najlepiej przy konkretnym polu.
Jak sprawdzić dostępność swojego sklepu (szybki audyt)
Szybki audyt pozwala znaleźć największe bariery bez przebudowy całego sklepu. Nie zastępuje pełnego audytu WCAG, ale daje dobrą odpowiedź na pytanie, gdzie klient może utknąć.
Zacznij od przejścia ścieżki zakupowej bez myszy. Używaj Tab, Shift+Tab, Enter, Spacji i Esc. Sprawdź, czy widzisz, gdzie jesteś na stronie, czy możesz otworzyć menu, wybrać wariant, dodać produkt do koszyka, zmienić liczbę sztuk, przejść do checkoutu i wrócić bez utraty danych. Jeśli gdzieś znika fokus albo trzeba kliknąć myszą, masz konkretny punkt do poprawy.
Potem sprawdź kontrast i powiększenie. Przy powiększeniu strony do 200% treść nadal powinna być czytelna, bez poziomego przewijania w typowych miejscach i bez zasłaniania przycisków. Zwróć uwagę na ceny, etykiety promocji, komunikaty błędów, teksty na przyciskach i linki w stopce.
Kolejny krok to czytnik ekranu. Na macOS możesz użyć VoiceOver, na Windows NVDA. Nie musisz od razu robić eksperckiego testu. Wystarczy sprawdzić, czy nagłówki prowadzą przez stronę, przyciski mają zrozumiałe nazwy, formularze mówią, czego oczekują, a komunikaty po dodaniu do koszyka są odczytywane.
Na koniec uruchom automatyczne narzędzia, na przykład WAVE albo skaner dostępności w przeglądarce. Wynik traktuj jako wskazówkę. Automat znajdzie część problemów, jak brakujące etykiety czy słaby kontrast, ale nie oceni, czy opis zdjęcia faktycznie pomaga kupić produkt.
Ile kosztuje doprowadzenie sklepu do zgodności
Koszt zależy od stanu sklepu, liczby szablonów, platformy, motywu, wtyczek i checkoutu. Najpierw trzeba sprawdzić, co naprawdę nie działa, bo dwa sklepy na tej samej platformie mogą wymagać zupełnie innego zakresu prac. Dla porównania warto spojrzeć na to, ile kosztuje sam sklep internetowy – dostępność to część tego samego budżetu.
Najmniejszy zakres to szybki audyt i poprawki oczywistych barier: kontrast, etykiety pól, teksty alternatywne, fokus, komunikaty błędów, kolejność nagłówków, nazwy przycisków. Przy dobrze utrzymanym sklepie część takich zmian da się wdrożyć bez zmiany projektu.
Większy zakres pojawia się wtedy, gdy problem siedzi w motywie, kreatorze stron, aplikacji Shopify albo wtyczkach WooCommerce. Jeżeli filtr produktów, popup, wybór paczkomatu albo płatność nie są dostępne, czasem trzeba wymienić komponent, napisać własną poprawkę albo ograniczyć funkcję, która blokuje zakup. To już nie jest kosmetyka.
Pełne doprowadzenie sklepu do zgodności zwykle obejmuje audyt, raport z błędami, poprawki projektowe i deweloperskie, testy po wdrożeniu oraz dokumentację zmian. Przy większych sklepach dochodzi praca na kilku typach stron: listing, karta produktu, koszyk, checkout, konto klienta, blog, landing sprzedażowy, strona informacyjna i e-maile. Im więcej niestandardowych elementów, tym więcej testowania.
Najrozsądniej wyceniać dostępność sklepu etapami: najpierw diagnoza, potem poprawki krytyczne dla zakupu, na końcu reszta widoków i proces utrzymania, żeby nowe banery, aplikacje i funkcje nie psuły efektu po miesiącu.
Od czego zacząć
Zacznij od miejsc, które mają wpływ na zakup: karta produktu, koszyk, checkout, płatność i formularze. To tam dostępność sklepu najbardziej łączy wymagania prawne, doświadczenie klienta i sprzedaż.
Pierwszy krok to spisanie ścieżek, które klient musi przejść. Dla prostego sklepu będą to: znalezienie produktu, wybór wariantu, dodanie do koszyka, wpisanie danych, wybór dostawy, płatność i potwierdzenie zamówienia. Dla sklepu B2B może dojść logowanie, indywidualne ceny, zapytanie ofertowe albo zamówienie cykliczne. Jeśli dopiero zakładasz sklep internetowy, zaplanuj dostępność od razu – później poprawia się ją drożej.
Drugi krok to szybki audyt ręczny. Przejdź te ścieżki klawiaturą, z powiększeniem i z czytnikiem ekranu. Zanotuj miejsca, w których nie da się wykonać akcji, nie wiadomo, co się stało, albo komunikat jest zbyt ogólny. To będą błędy o najwyższym priorytecie. Jeśli wymaga tego Twoja sytuacja prawna, pomocna bywa też deklaracja dostępności.
Trzeci krok to decyzja, co poprawiasz od razu, a co planujesz przy większej zmianie sklepu. Jeśli checkout nie działa klawiaturą, nie czekaj na redesign. Jeśli problemem są opisy setek zdjęć, ustal zasady i poprawiaj je partiami, zaczynając od bestsellerów i produktów z największym ruchem.
Dostępność e-commerce najlepiej traktować jak część utrzymania sklepu. Nowy banner, nowa wtyczka, nowa metoda dostawy albo zmiana płatności mogą wprowadzić barierę. Dlatego po jednorazowym audycie potrzebujesz prostych zasad dla zespołu: jak dodawać zdjęcia, jak pisać etykiety przycisków, jak sprawdzać formularze i kiedy testować zmiany przed publikacją.
FAQ
-
Jeśli prowadzisz handel elektroniczny dla konsumentów, najprawdopodobniej tak – od 28 czerwca 2025 wymaga tego EAA i polska ustawa. Wyjątkiem są mikroprzedsiębiorcy. Jeśli klient może kupić produkt przez Twoją stronę, załóż, że temat Cię dotyczy, i sprawdź szczegóły.
-
Usługi handlu elektronicznego świadczone przez mikroprzedsiębiorców są zwolnione. Mikrofirma to mniej niż 10 osób oraz roczny obrót lub suma bilansowa do 2 mln euro. Status może się jednak zmienić, a dostępność i tak pomaga sprzedawać, więc warto poprawiać sklep etapami.
-
Ustawa przewiduje nadzór i kary pieniężne – do dziesięciokrotności przeciętnego miesięcznego wynagrodzenia, z limitem do 10% obrotu z poprzedniego roku. Dla usług e-commerce nadzór sprawuje minister właściwy do spraw informatyzacji.
-
Przejdź ścieżkę zakupową bez myszy (Tab, Enter, Esc), włącz powiększenie do 200% i przetestuj kluczowe widoki czytnikiem ekranu (VoiceOver lub NVDA). Na końcu uruchom automatyczny skaner. To nie zastąpi pełnego audytu, ale pokaże, gdzie klient utyka.
-
Od miejsc, w których klient płaci: karta produktu, koszyk, checkout i formularze. Zrób szybki audyt ręczny, napraw bariery krytyczne dla zakupu, a resztę zaplanuj etapami i wpisz dostępność w stałe utrzymanie sklepu.