Dostępność cyfrowa

Dostępność sklepu internetowego.

Sklep internetowy jest objęty ustawą wprost. Ustawa z 26 kwietnia 2024 r. wdrażająca dyrektywę EAA obejmuje handel elektroniczny i definiuje go jako usługi świadczone na odległość, przez strony internetowe i urządzenia mobilne, na indywidualne żądanie konsumenta, w celu zawarcia umowy. Obowiązek działa od 28 czerwca 2025 r.

W praktyce nie chodzi o całą witrynę naraz, tylko o ścieżkę do zapłaty: listę produktów, kartę produktu, koszyk, formularz zamówienia, wybór dostawy i płatności oraz potwierdzenie. Każdy z tych sześciu punktów potrafi zatrzymać transakcję, i to nie tylko osobie z niepełnosprawnością.

Audyt dostępności sklepu jest bezpłatny i nie wymaga dostępów. Przechodzimy w nim całą ścieżkę zakupową, a nie samą stronę główną.

Sprzedaję tylko firmom. Czy mnie to dotyczy?

Definicja z ustawy mówi o usłudze świadczonej na indywidualne żądanie konsumenta. Sprzedaż wyłącznie przedsiębiorcom to inna sytuacja niż sprzedaż konsumentowi, podobnie jak wyłączenie usług mikroprzedsiębiorców z art. 4 pkt 1. Granica bywa cienka, zwłaszcza gdy sklep obsługuje jedno i drugie, więc przy wątpliwościach warto to skonsultować z prawnikiem. Jesteśmy studiem, a nie kancelarią.

Sześć punktów ścieżki zakupowej

W tej kolejności przechodzimy sklep w audycie. Kolejność nie jest przypadkowa: to droga, którą pokonuje kupujący.

01

Lista produktów i filtrowanie

Najczęstszy błąd: filtr przebudowuje listę wyników bez żadnego komunikatu. Osoba korzystająca z czytnika ekranu nie wie, że coś się zmieniło, i dalej słucha starej listy. Do tego dochodzi sortowanie obsługiwane wyłącznie myszą.

sprawdź Zmień filtr, używając samej klawiatury. Czy dostajesz informację, ile wyników zostało?
02

Karta produktu

Zdjęcia bez opisów, warianty koloru i rozmiaru jako same próbki graficzne bez nazwy, cena promocyjna odróżniona wyłącznie kolorem. Informacja o dostępności podana samym kolorem kropki też przepada.

sprawdź Wyłącz kolory w podglądzie. Czy nadal wiadomo, który wariant jest wybrany i ile kosztuje?
03

Koszyk

Zmiana liczby sztuk przelicza sumę, ale nikt o tym nie informuje. Przycisk usunięcia opisany samą ikoną kosza bez tekstu. Kod rabatowy z komunikatem błędu pojawiającym się w miejscu, którego czytnik nie odczyta.

sprawdź Zmień ilość i usuń pozycję samą klawiaturą. Czy wiesz, co się stało z sumą?
04

Formularz danych zamówienia

Pola opisane wyłącznie znikającą podpowiedzią w środku. Błąd walidacji pokazany samą czerwoną ramką. Komunikat „wystąpił błąd” bez wskazania, które pole i co jest w nim nie tak. To miejsce, w którym porzuca się najwięcej koszyków.

sprawdź Wyślij formularz z pustymi polami. Czy komunikat mówi, co poprawić, i czy fokus trafia na błędne pole?
05

Wybór dostawy i płatności

Opcje zbudowane z elementów graficznych, których nie da się zaznaczyć klawiaturą. Wybrana metoda odróżniona samą ramką w słabym kontraście. Okno bramki płatniczej przechwytujące fokus i nieoddające go po zamknięciu.

sprawdź Przejdź wybór dostawy i płatności klawiszem Tab. Czy widać, co jest zaznaczone?
06

Potwierdzenie zamówienia

Potwierdzenie wyświetlone jako element pojawiający się bez zapowiedzi, którego czytnik ekranu nie ogłasza. Numer zamówienia podany wyłącznie graficznie. Brak informacji, co dzieje się dalej.

sprawdź Czy po złożeniu zamówienia czytnik ogłasza sukces, czy trzeba go szukać samodzielnie?

Czy gotowa platforma to załatwia

Krótka odpowiedź: nie sama z siebie. Dłuższa jest w tabeli.

Skąd biorą się bariery w sklepie na gotowej platformie
Warstwa Kto o niej decyduje Typowy problem
Rdzeń platformy Dostawca oprogramowania Bywa poprawny w warstwie podstawowej i to na nim opiera się deklaracja zgodności platformy.
Szablon graficzny Ty albo Twój wykonawca Kontrast poniżej progu, usunięty wskaźnik zaznaczenia, nagłówki użyte dla wyglądu, a nie dla struktury.
Wtyczki dostawy i płatności Zewnętrzni dostawcy Elementy wyboru niedostępne z klawiatury, okna przechwytujące fokus i nieoddające go po zamknięciu.
Narzędzia marketingowe Ty Okna wyskakujące bez możliwości zamknięcia klawiszem Escape, banery zgód blokujące ścieżkę zakupową.
Treść produktowa Ty Zdjęcia bez opisów, opisy produktów wstawione jako grafika, tabela rozmiarów jako obrazek.

Cztery z pięciu warstw są po Twojej stronie, więc deklaracja zgodności samej platformy niewiele przesądza. Dlatego badamy konkretny sklep w konkretnej konfiguracji, a nie oprogramowanie, na którym stoi.

Dostępność a sprzedaż

To nie jest koszt zgodności oderwany od wyniku. Większość wymogów pokrywa się z tym, co i tak podnosi konwersję.

Ta sama poprawka, dwa efekty

  • Czytelne etykiety pól. Wymóg dostępności, a jednocześnie mniej pomyłek przy wypełnianiu i mniej porzuconych koszyków.
  • Komunikat błędu, który mówi co poprawić. Kryterium WCAG i najprostszy sposób na dokończenie zamówienia zamiast wyjścia ze sklepu.
  • Widoczny stan zaznaczenia. Potrzebny przy obsłudze klawiaturą, a przy okazji zmniejsza liczbę przypadkowych wyborów dostawy.
  • Ogłaszanie zmian w koszyku. Wymóg dla czytnika ekranu, a dla wszystkich pewność, że kliknięcie zadziałało.
  • Poprawna struktura i opisy. To samo, co robot wyszukiwarki odczytuje najlepiej.

Czego nie robimy

  • Nie doklejamy nakładki dostępności. Skrypt zmieniający kolory nie naprawi koszyka, którego nie da się obsłużyć klawiaturą.
  • Nie wystawiamy zaświadczeń o zgodności. Nie jesteśmy jednostką certyfikującą. Dajemy pomiar, który da się powtórzyć.
  • Nie udajemy kancelarii. Przy pytaniu, czy Twoja sprzedaż mieści się w definicji z ustawy, odsyłamy do prawnika.
  • Nie obiecujemy zgodności bez zmian w kodzie. Jeśli bariery siedzą w szablonie i wtyczkach, to tam trzeba je naprawić.

Najczęstsze pytania

Czy mój sklep internetowy musi być dostępny?

Najprawdopodobniej tak, jeśli sprzedajesz konsumentom i nie jesteś mikroprzedsiębiorcą. Ustawa z 26 kwietnia 2024 r. wdrażająca dyrektywę EAA obejmuje handel elektroniczny i definiuje go jako usługi świadczone na odległość, przez strony internetowe i urządzenia mobilne, na indywidualne żądanie konsumenta, w celu zawarcia umowy.

Sklep internetowy mieści się w tej definicji wprost, razem z koszykiem, płatnością i formularzem zamówienia. Obowiązek działa od 28 czerwca 2025 r. Usługi mikroprzedsiębiorców są wyłączone na podstawie art. 4 pkt 1, a sprzedaż wyłącznie firmom to inna sytuacja niż sprzedaż konsumentowi.

Które elementy sklepu sprawiają najwięcej problemów?

Najczęściej cztery. Filtry produktów przebudowujące listę bez komunikatu, przez co osoba korzystająca z czytnika ekranu nie wie, że wyniki się zmieniły. Koszyk, w którym zmiana liczby sztuk przelicza sumę bez powiadomienia. Formularz zamówienia z polami opisanymi wyłącznie znikającą podpowiedzią w środku zamiast trwałą etykietą. Wybór dostawy i płatności zbudowany z elementów graficznych, których nie da się zaznaczyć klawiaturą.

Wszystkie cztery leżą na ścieżce do zapłaty, więc każdy z nich potrafi zatrzymać transakcję.

Czy gotowa platforma sklepowa jest dostępna?

Sama platforma bywa poprawna w warstwie podstawowej, ale o zgodności decyduje to, co powstaje na wierzchu: szablon graficzny, wtyczki do płatności i dostawy, okna wyskakujące, banery zgód i narzędzia marketingowe.

Wystarczy jeden dodatek przechwytujący fokus albo szablon z kontrastem poniżej progu, żeby ścieżka zakupowa przestała spełniać kryteria. Dlatego badamy konkretny sklep na konkretnej konfiguracji, a nie deklarowaną zgodność platformy.

Ile kosztuje sprawdzenie i naprawa dostępności sklepu?

Sprawdzenie nic nie kosztuje: audyt jest bezpłatny i nie wymaga dostępów, przechodzimy w nim całą ścieżkę zakupową.

Koszt naprawy zależy od tego, na czym sklep stoi. Przy gotowej platformie część barier siedzi w szablonie i wtyczkach, więc zakres ustalamy po audycie. Sklep pisany przez nas od zera kosztuje od 20 000 zł netto, jest projektowany pod WCAG 2.1 AA w standardzie i ma Doradcę AI w cenie.

Czy dostępny sklep sprzedaje gorzej?

Przeciwnie. Wymogi dostępności sprowadzają się w sklepie do rzeczy, które i tak podnoszą konwersję: czytelnych etykiet pól, zrozumiałych komunikatów błędów, widocznego stanu zaznaczenia, obsługi klawiaturą i jasnej informacji o tym, co się właśnie stało z koszykiem.

Formularz, w którym widać, co poprawić, porzuca mniej osób niż taki, który mówi tylko, że wystąpił błąd. Do tego dochodzi grupa klientów, która przy niedostępnym sklepie nie dokończy zakupu w ogóle.

Czytaj dalej

– audyt bezpłatny

Twój sklep od audytu do pełnej dostępności.

Podaj adres sklepu. Sprawdzimy całą ścieżkę zakupową: filtry, kartę produktu, koszyk, formularz zamówienia, wybór dostawy i płatności. Wrócimy z listą barier przypisanych do kryteriów. Bez dostępów i bez opłaty.

  • Cała ścieżka zakupowa
  • Bez dostępów do sklepu
  • Bariery z kryteriami WCAG
  • Odpowiedź w kilka godzin