Test dostępności cyfrowej sklepu WooCommerce
Proszę wpisać adres dowolnej strony sklepu WooCommerce: przetestujemy ją według WCAG 2.2 A i AA w prawdziwej przeglądarce i objaśnimy każdy problem wraz z poprawką dla motywów WordPress, page builderów i wtyczek. Bezpłatnie, bez rejestracji, w około minutę. Automatyczna kontrola, a nie pełny audyt.
- Bez rejestracji
- WCAG 2.2 A i AA
- Poprawki dla motywów WordPress
Zaktualizowano 14 października 2026
Co testuje narzędzie dla WooCommerce
Skan otwiera Państwa stronę w Chromium, uruchamia axe-core, otwarty silnik reguł, z którego korzysta też Lighthouse, i przypisuje każde znalezisko do kryterium sukcesu WCAG 2.2 oraz do EN 301 549, europejskiej normy, na której opiera się EAA. Każde znalezisko objaśnia karta z naszej biblioteki reguł z osobną notatką dla WooCommerce.
Proszę testować strony, z których korzystają klienci: stronę główną, kategorię, produkt z wariantami, koszyk i logowanie do konta. Formularz zamówienia wymaga produktu w koszyku, więc proszę go testować rozszerzeniem przeglądarki. Sklep w trybie konserwacji lub za logowaniem można sprawdzić naszym darmowym rozszerzeniem przeglądarki.
Typowe problemy w sklepach WooCommerce
W WordPressie kod pochodzi z trzech miejsc: motywu, page buildera i wtyczek. Notatki dla WooCommerce w naszych kartach reguł mówią, gdzie zwykle leży każdy problem:
| Problem | Skąd zwykle się bierze | Jak to naprawić |
|---|---|---|
| Przyciski bez nazwy (krytyczne) | Motywy, page buildery, wtyczki koszyka i listy życzeń | Dodać etykiety w szablonach motywu potomnego lub w ustawieniach wtyczki; przyciski wtyczek zgłosić jej autorowi |
| Listy rozwijane bez etykiety (krytyczne) | Wybór wariantów, sortowanie, widżety wtyczek | Dodać etykiety w szablonach motywu potomnego lub użyć ustawień wtyczki, które generują poprawne etykiety |
| Pola formularzy bez etykiety (krytyczne) | Formularze zamówienia, konta i wyszukiwania; wtyczki formularzy i zamówień | Dodać etykiety w szablonach motywu potomnego lub użyć opcji wtyczki, które generują prawdziwe elementy <label> |
| Niski kontrast tekstu (poważne) | Aktywny motyw lub page builder | Zmienić kolory w customizerze lub stylach globalnych albo nadpisać je w CSS motywu potomnego |
| Obrazy bez tekstu alternatywnego (poważne) | Obrazy z biblioteki mediów, slidery, obrazy wtyczek | Uzupełnić pole „Tekst alternatywny” w bibliotece mediów i sprawdzić, czy motyw go wyświetla |
| Linki, które nie mówią, dokąd prowadzą (poważne) | Ikony w nagłówku, mini-koszyk, wtyczki ikon społecznościowych | Dodać etykiety tekstowe w motywie potomnym lub wybrać ustawienia wtyczki, które generują dostępne etykiety |
| Ukryte elementy dostępne z klawiatury (poważne) | Menu mobilne, slidery, wtyczki wyskakujących okien i cookies | Naprawić w kodzie motywu potomnego lub zgłosić autorowi wtyczki |
| Poziomy nagłówków z przeskokiem (umiarkowane) | Widżety page buildera, tytuły widżetów motywu, tytuły w pętli produktów | Ustawić poziom w edytorze bloków lub builderze (jest niezależny od rozmiaru); tytuły motywu zmienić w motywie potomnym |
| Za małe cele dotykowe (umiarkowane) | Próbki wariantów, pola ilości, ikony | Zwiększyć rozmiar lub odstęp w CSS motywu potomnego |
Przycisk koszyka nie ma nazwy
Co to oznacza dla odwiedzających
Klient korzystający z czytnika ekranu słyszy tylko „przycisk” i nie wie, że dodaje on produkt do koszyka.
Jak to naprawić w Shopify
W szablonie produktu nadaj przyciskowi z ikoną tekst „Dodaj do koszyka”, widoczny lub jako aria-label.
Element: .product-form > button.cart-icon
Reguła: button-name · WCAG 4.1.2 Name, Role, Value (A) · EN 301 549 9.4.1.2
Poprawki, których nie cofnie aktualizacja
- Motyw: proszę używać motywu potomnego, customizera lub stylów globalnych. Zmiany wprowadzone bezpośrednio w motywie nadrzędnym znikają przy następnej aktualizacji.
- Page builder: większość widżetów nagłówków, przycisków i obrazów ma ustawienia poziomu, etykiety i tekstu alternatywnego.
- Wtyczki: jeśli problem leży w kodzie generowanym przez wtyczkę, proszę zgłosić go autorowi, załączając znalezisko z raportu, lub poszukać ustawienia, które zmienia kod.
- Treść: teksty alternatywne w bibliotece mediów, teksty linków i nagłówki w opisach produktów piszą Państwo sami.
Darmowa wtyczka WordPress
Nasza wtyczka WordPress działa z WooCommerce. Pokazuje problemy przy każdej stronie, wpisie i produkcie w panelu WordPressa, proponuje poprawki, które Państwo przeglądają i zatwierdzają, sprawdza opisy obrazów i kolory w edytorze oraz dodaje stronę z informacją o dostępności i formularz „Zgłoś barierę”. Nie dodaje widżetu-nakładki i sama nie zmienia motywu.
Czego narzędzie nie robi
Nie zmienia sklepu ani nie dodaje nakładki. Znajduje tę część problemów WCAG, którą może wykryć maszyna; to, czy zamówienie da się złożyć klawiaturą i z czytnikiem ekranu, czy tekst alternatywny ma sens i czy komunikaty o błędach są jasne, musi ocenić człowiek. Nasza lista kontrolna WCAG 2.2 wymienia, co sprawdzić ręcznie.
W płatnym planie co tydzień sprawdzamy każdą stronę sklepu i przygotowujemy raporty dla właściciela w siedmiu językach; agencje otrzymują je pod własną marką. Sprzedają Państwo konsumentom w UE? Proszę przejść filtr EAA z trzema pytaniami, aby sprawdzić, czy obejmuje Państwa Europejski akt o dostępności. Dla sklepu Shopify proszę użyć testu dostępności Shopify.
Najczęstsze pytania
Czy istnieje darmowy test dostępności dla WooCommerce?
Tak. Proszę wpisać powyżej adres strony sklepu, kategorii, produktu lub koszyka. Bezpłatnie i bez konta przetestujemy tę jedną stronę według WCAG 2.2 A i AA i pokażemy każdy problem z poprawką dla WordPressa.
Czy istnieje wtyczka dostępności dla WooCommerce?
Tak. Nasza darmowa wtyczka WordPress łączy stronę z Pandus i pokazuje problemy przy każdej stronie, wpisie i produkcie w panelu, proponuje poprawki, które Państwo zatwierdzają, i dodaje stronę z informacją o dostępności. Nie dodaje nakładki.
Dlaczego poprawiać problemy w motywie potomnym?
Zmiany wprowadzone bezpośrednio w motywie znikają przy jego aktualizacji. Motyw potomny, customizer lub style globalne zachowują poprawki po aktualizacjach.
Czy można sprawdzić checkout WooCommerce?
Częściowo. Przy pustym koszyku WooCommerce zwykle przekierowuje odwiedzających z zamówienia z powrotem do koszyka, więc skaner online widzi stronę koszyka. Aby przetestować formularz zamówienia, proszę dodać produkt do koszyka we własnej przeglądarce i uruchomić tam nasze darmowe rozszerzenie przeglądarki.
Czy wynik pokazuje, że sklep spełnia EAA?
Żadne narzędzie tego nie pokaże. Automatyczna kontrola znajduje część problemów WCAG; nadal potrzebne są sprawdzenia klawiaturą, czytnikiem ekranu i ocena treści przez człowieka. To nie jest porada prawna.