Dostępność sklepu: zdjęcia produktów, formularze i koszyk — od czego zacząć?

Dla kogo jest ten przewodnik?

Od czego zacząć dostępność sklepu: od zdjęć produktów, formularzy czy koszyka? Wybierz jeden produkt i przejdź drogę od jego zdjęcia do płatności. Poniżej znajdziesz proponowaną kolejność pracy i konkretne rzeczy do sprawdzenia.

To punkt wyjścia dla osoby prowadzącej sklep, nie porada prawna ani pełna ocena dostępności. Zapisuj zauważone bariery, osobę odpowiedzialną za poprawkę i wynik ponownego sprawdzenia.

Skąd to wiemy

Obserwowane: materiał Ministerstwa Cyfryzacji i FAQ PFRON odpowiadają na pytania o zakres Polskiego Aktu o Dostępności (PAD) i odpowiedzialność. Komunikat dostawcy platformy rozdziela wspólne funkcje i indywidualne zmiany klienta; to opis działań tego dostawcy, nie ocena każdego sklepu. Forum użytkowników oprogramowania to miejsce komunikatów branżowych; w badaniu nie potwierdzono wypowiedzi właścicieli sklepów o ich własnych problemach. Źródła sprawdzone 13.10.2026.

Interpretacja: zacznij od jednego produktu i ścieżki zakupu, bo pozwala to powiązać obraz, formularz i płatność w jednym sprawdzeniu. To nasza propozycja organizacji pracy. W3C WAI Easy Checks opisuje wstępne sprawdzanie, które nie zastępuje pełnej oceny (stan na 13.10.2026).

Hipoteza: frazy „WCAG sklep koszyk płatności” i „alt tekst zdjęcia produktów” mogą odpowiadać pytaniom właścicieli. Nie mamy pomiaru ich popularności ani dowodu, że proponowana kolejność będzie najlepsza dla każdego sklepu.

Zdjęcia produktów: co przekazuje obraz?

Zapytaj, co klient straci, jeśli nie zobaczy zdjęcia. Gdy obraz pomaga wybrać produkt lub zrozumieć jego cechę, tekst alternatywny powinien przekazać tę informację w kontekście strony. Gdy pełni wyłącznie ozdobną rolę i nic nie wnosi do treści ani działania, użyj pustego atrybutu alt="".

• Zdjęcie plecaka od tyłu może przekazywać: „Tył plecaka z wyściełanymi szelkami i pasem biodrowym”.
• Zbliżenie kubka może pokazywać: „Ucho kubka z szerokim otworem na palce”.
• Ozdobna fala za nagłówkiem nie pomaga w wyborze produktu: pusty alt pozwala ją pominąć.

Sposób pisania i dalsze przykłady znajdziesz w poradniku o tekście alternatywnym. Sprawdź opis przy konkretnym zdjęciu, razem z sąsiednim tekstem — sama obecność atrybutu nie mówi, czy opis jest przydatny.

Formularze: podpis i błąd muszą być czytelne

Sprawdź formularz adresowy, wybór wariantu produktu i pola w koszyku. Każde pole powinno mieć widoczny podpis, który pozostaje po wpisaniu danych; podpowiedź wewnątrz pola nie wystarcza. Poproś osobę wdrażającą sklep o sprawdzenie, czy podpis jest także powiązany z polem w kodzie.

Oznacz pola wymagane słowem „wymagane” lub wyjaśnij znaczenie oznaczenia przed formularzem. Celowo pomiń jedno takie pole i wpisz błędny adres e-mail. Komunikat powinien wskazać pole, wyjaśnić problem i powiedzieć, jak go poprawić, bez polegania wyłącznie na kolorze. Powiąż komunikat z polem również dla czytnika ekranu i zachowaj już wpisane dane.

Klawiatura: przejdź tę samą drogę bez myszy

Zacznij od karty produktu. Klawiszami Tab i Shift+Tab przechodź między elementami; Enterem lub spacją uruchamiaj przyciski, a strzałkami obsługuj wybory tam, gdzie przewiduje to dany element. Zapisz, czy kolejność jest zrozumiała i czy zawsze widać obramowanie lub inne wyraźne oznaczenie bieżącego fokusu.

Otwórz okno wyboru wariantu lub potwierdzenia. Sprawdź, czy można je obsłużyć i zamknąć klawiaturą oraz wrócić do elementu, który je otworzył. Powtórz to dla osadzonych elementów płatności. Zatrzymanie fokusu bez możliwości wyjścia oznacza barierę do zgłoszenia; poprawione zdjęcia jej nie usuną.

Koszyk i płatność: ustal, kto może poprawić barierę

Dodaj produkt do koszyka, zmień liczbę sztuk, usuń pozycję i dodaj ją ponownie. Sprawdź, czy nazwy przycisków są jednoznaczne i czy zmiana sumy oraz potwierdzenie dodania są dostępne także dla czytnika ekranu. Potem przejdź przez adres, dostawę i wybór sposobu płatności.

Rozdziel własne treści i ustawienia — opisy, zdjęcia, nazwy wariantów, kolory oraz dodany kod — od wspólnych funkcji platformy, takich jak mechanizm zamówienia. Ten podział jest wskazówką do organizacji napraw, nie rozstrzygnięciem prawnym. Zakres możliwości sprawdź w dokumentacji swojej platformy; komunikat jednego dostawcy jest przykładem takiego podziału (stan na 13.10.2026).

Osadzona ramka zewnętrznego operatora płatności też należy do drogi klienta. Jeżeli nie możesz zmienić jej działania, przekaż dostawcy kroki odtworzenia problemu i zapytaj o dostępną alternatywę. Powtórz test po poprawce. Zatrzymaj sprawdzenie przed przyciskiem powodującym rzeczywiste obciążenie.

Kontekst prawny: oddziel zakres obowiązków od listy poprawek

W sprawach objętych PAD za wymagania dotyczące usługi handlu elektronicznego odpowiada usługodawca; może nim być sprzedawca albo podmiot zarządzający platformą — FAQ PFRON (stan na 13.10.2026). Nie ustalaj zakresu swoich obowiązków na podstawie tej listy poprawek ani wyniku skanu; zacznij od oficjalnej informacji o zakresie i wyłączeniach (stan na 13.10.2026) i oceny swojej sytuacji.

Konsument może złożyć skargę dotyczącą dostępności usługi do usługodawcy — procedura PFRON (stan na 13.10.2026). Zapisany problem klienta jest dobrym punktem wyjścia do odtworzenia bariery.

Ustawa przewiduje kary pieniężne za określone naruszenia — art. 73, tekst ogłoszony w 2024 r., poz. 731 (stan na 13.10.2026). To informacja o mechanizmie prawnym, nie prognoza kary dla konkretnego sklepu.

Sprawdź swoją stronę, potem przejdź zakup ręcznie

Skan jest opcjonalny. Wybierz jedną stronę produktu, którą masz upoważnienie testować — własną albo taką, której właściciel udzielił Ci zgody. Uruchom bezpłatne sprawdzenie na /pl/wcag-checker.

To anonimowe, automatyczne sprawdzenie, które wykrywa tylko część barier. W3C WAI wyjaśnia ograniczenia wstępnej oceny (stan na 13.10.2026). Brak wykrytych problemów nie oznacza, że sklep jest dostępny lub spełnia wszystkie wymagania prawne. Skan nie określa też, jakie przepisy dotyczą Twojej firmy.

Następnie samodzielnie sprawdź tekst alternatywny jednego znaczącego zdjęcia produktu: czy przekazuje potrzebną informację w kontekście strony? W razie wątpliwości wróć do poradnika o tekście alternatywnym. Ręcznie przejdź klawiaturą od produktu przez dodanie do koszyka, formularz, dostawę i wybór płatności, zatrzymując się przed rzeczywistym obciążeniem. Zanotuj miejsce każdej bariery i powtórz tę samą drogę po naprawie.