# Test dostępności cyfrowej sklepu Shopify
URL: https://pandus.online/pl/shopify-dostepnosc-wcag
Updated: 2026-10-14

Darmowy test dostępności sklepu Shopify według WCAG 2.2 AA: jakie błędy motywu i aplikacji znajduje i jak je naprawić w Shopify. Bez rejestracji.

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
Testuje jedną stronę sklepu Shopify według WCAG 2.2 na poziomach A i AA za pomocą axe-core w prawdziwej przeglądarce
Objaśnia każdy problem prostym językiem, z poprawką dla motywów Shopify, sekcji Liquid i aplikacji
Znajduje obrazy bez tekstu alternatywnego, niski kontrast, pola bez etykiet i przyciski-ikony bez nazwy
W płatnym planie cotygodniowa kontrola każdej strony sklepu, raporty w siedmiu językach
Automatyczna kontrola, a nie pełny audyt: mówi, co nadal wymaga testów ręcznych
## Co testuje narzędzie dla Shopify

Skan otwiera Państwa stronę w Chromium, uruchamia [axe-core](https://github.com/dequelabs/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ł](https://pandus.online/pl/rules), 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](https://pandus.online/pl/rozszerzenie-do-sprawdzania-dostepnosci), 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 |


## 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](https://pandus.online/pl/wcag-2-2-lista-kontrolna-dla-sklepu) 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](https://pandus.online/pl/strona-dostepnosci-i-formularz-barier-dla-strony).

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](https://pandus.online/pl/kogo-dotyczy-eaa). Dla sklepu WooCommerce proszę użyć [testu dostępności WooCommerce](https://pandus.online/pl/woocommerce-dostepnosc-wcag); porównanie naszego podejścia z aplikacjami-nakładkami znajdą Państwo w zestawieniu [Pandus w porównaniu](https://pandus.online/pl/pandus-porownanie).

## 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.

Q: Czy istnieje darmowy test dostępności dla Shopify?
A: 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.

Q: Czy narzędzie może przetestować checkout Shopify?
A: 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.

Q: Czy do sprawdzenia dostępności potrzebna jest aplikacja Shopify?
A: 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.

Q: Czy aplikacja dostępności dla Shopify sprawi, że sklep będzie dostępny?
A: 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.

Q: Czy wynik pokazuje, że sklep spełnia EAA lub ADA?
A: Ż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.