Test dostępności cyfrowej sklepu Shopify
Proszę wpisać adres dowolnej strony sklepu Shopify: 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 i aplikacji Shopify. 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 Shopify
Zaktualizowano 14 października 2026
Co testuje narzędzie dla Shopify
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ł, a każda karta ma osobną notatkę dla Shopify.
Można przetestować dowolną stronę publiczną: stronę główną, kolekcję, stronę produktu z wariantami, koszyk, wpis na blogu lub stronę z regulaminem. Strony chronione hasłem (np. sklep, który jeszcze nie wystartował) można sprawdzić naszym darmowym rozszerzeniem przeglądarki, które działa w Państwa własnej przeglądarce.
Typowe problemy w motywach Shopify
Poniższe przykłady pochodzą z notatek dla Shopify w naszych kartach reguł, które opisują, gdzie problem zwykle leży i jak go naprawić:
| Problem | Skąd zwykle się bierze w Shopify | Jak to naprawić |
|---|---|---|
| Przyciski bez nazwy (krytyczne) | Przyciski-ikony w motywie: menu, wyszukiwanie, ilość, zamknięcie; przyciski dodawane przez aplikacje | Dodać etykietę we fragmentach Liquid motywu; poprosić twórców aplikacji o poprawienie przycisków, które dodają |
| Listy rozwijane bez etykiety (krytyczne) | Wybór wariantu, sortowanie, wybór waluty i języka | Dodać etykiety we fragmentach Liquid motywu |
| Pola formularzy bez etykiety (krytyczne) | Pola wyszukiwania, newslettera, kontaktu i ilości, formularze dodane przez aplikacje | Dodać etykiety w szablonach Liquid lub w ustawieniach aplikacji |
| Niski kontrast tekstu (poważne) | Schemat kolorów motywu | Najpierw zmienić kolory w ustawieniach kolorów edytora motywu, potem w CSS motywu, jeśli są wpisane na sztywno |
| Obrazy bez tekstu alternatywnego (poważne) | Media produktów i obrazy w sekcjach motywu | Uzupełnić tekst alternatywny w panelu Shopify; jeśli się nie wyświetla, w szablonie Liquid znacznikowi obrazu brakuje atrybutu alt |
| Linki, które nie mówią, dokąd prowadzą (poważne) | Linki-ikony w nagłówku i stopce | Dodać tekst ukryty wizualnie lub aria-label w sekcjach i fragmentach motywu |
| Ukryte elementy dostępne z klawiatury (poważne) | Menu wysuwane, szuflady, wyskakujące okna, karuzele | Poprawić logikę ukrywania w JavaScript lub Liquid motywu; widżety aplikacji zgłosić ich twórcy |
| Poziomy nagłówków z przeskokiem (umiarkowane) | Poziomy wpisane na sztywno w sekcjach, np. w kartach produktów lub tytułach stopki | Zmienić znaczniki w plikach Liquid; ustawienie rozmiaru nagłówka zwykle zmienia tylko wygląd |
| Za małe cele dotykowe (umiarkowane) | Próbki wariantów, przyciski ilości, ikony | Zwiększyć rozmiar lub odstęp w CSS motywu |
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
Motyw, aplikacje czy treść: kto co naprawia
- Motyw decyduje o większości kodu: nagłówkach, przyciskach, menu, formularzach i kolorach. Aktualizacja motywu może naprawić problemy – albo je przywrócić, dlatego cotygodniowa ponowna kontrola ma znaczenie.
- Aplikacje dodają własny kod: opinie, listy życzeń, wyskakujące okna, czat i banery cookies. Jeśli problem leży wewnątrz widżetu aplikacji, proszę zgłosić go twórcy aplikacji, załączając znalezisko z raportu.
- Treść należy do Państwa: teksty alternatywne zdjęć produktów, teksty linków, nagłówki w opisach produktów i na stronach.
- Checkout prowadzi Shopify. Sprzedawcy nie mogą zmienić większości jego kodu, więc skan sklepu koncentruje się na motywie i aplikacjach.
Czego narzędzie nie robi
Nie zmienia sklepu, nie instaluje aplikacji ani nie dodaje widżetu-nakładki. Znajduje tę część problemów WCAG, którą może wykryć maszyna; to, czy tekst alternatywny ma sens, czy ścieżka zamówienia działa z klawiaturą i czytnikiem ekranu oraz czy komunikaty o błędach są jasne, musi ocenić człowiek. Nasza lista kontrolna WCAG 2.2 wymienia, co sprawdzić ręcznie.
Od jednej strony do całego sklepu
W płatnym planie co tydzień sprawdzamy każdą stronę sklepu, pokazujemy, co jest nowe od ostatniej kontroli, i przygotowujemy raport dla właściciela po angielsku, ukraińsku, niemiecku, polsku, czesku, rumuńsku lub rosyjsku. Agencje otrzymują te same raporty pod własną marką. Jedna linia kodu w theme.liquid dodaje stronę z informacją o dostępności i formularz „Zgłoś barierę”: zob. kod do osadzenia.
Sprzedają Państwo konsumentom w UE? Europejski akt o dostępności (EAA) może obejmować Państwa sklep, chyba że jest to mikroprzedsiębiorstwo. Najpierw proszę przejść filtr EAA z trzema pytaniami. Dla sklepu WooCommerce proszę użyć testu dostępności WooCommerce; porównanie naszego podejścia z aplikacjami-nakładkami znajdą Państwo w zestawieniu Pandus w porównaniu.
Najczęstsze pytania
Czy istnieje darmowy test dostępności dla Shopify?
Tak. Proszę wpisać powyżej adres strony produktu, kolekcji lub strony głównej. 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 Shopify.
Czy narzędzie może przetestować checkout Shopify?
Tylko strony, które odwiedzający może otworzyć bez logowania i płacenia. Sam checkout prowadzi Shopify, więc znajdowane przez nas problemy leżą zwykle w motywie i aplikacjach: formularzach wyszukiwania, newslettera i kontaktu, wyborze wariantów, koszykach i wyskakujących oknach.
Czy do sprawdzenia dostępności potrzebna jest aplikacja Shopify?
Nie. Nasze narzędzie działa z zewnątrz, jak odwiedzający, więc w sklepie nic nie jest instalowane. Do cotygodniowych kontroli i strony z informacją o dostępności dodają Państwo jedną linię kodu do motywu; aplikacji Pandus w Shopify App Store jeszcze nie ma.
Czy aplikacja dostępności dla Shopify sprawi, że sklep będzie dostępny?
Aplikacja, która dodaje tylko widżet lub pasek narzędzi, nie zmienia kodu motywu, więc bariery zostają. Poprawki należy wprowadzać w motywie, w treściach produktów i w aplikacjach, które dodają własny kod.
Czy wynik pokazuje, że sklep spełnia EAA lub ADA?
Ż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.