Start › Baza wiedzy › Według systemu
Dostępność z Shopify
Motywy i aplikacje Shopify decydują o dostępności. Kasa jest w dużej mierze narzucona przez Shopify.
Częste miejsca
Kolory motywu o zbyt niskim kontraście, zdjęcia produktów bez tekstu alternatywnego, aplikacje recenzji i pop-upów bez obsługi klawiaturą, mega-menu otwierające się tylko po najechaniu, karuzele bez pauzy. Rdzeń Shopify zwykle nie jest problemem — są nim motyw, aplikacje i treści tworzone w edytorze tekstu sformatowanego.
Sprawdź i wybierz motyw
Motyw decyduje o kontraście, widocznym fokusie, strukturze nagłówków oraz obsłudze menu i filtrów klawiaturą. Kryteria przed wyborem: przejdź stronę główną, kolekcję i stronę produktu klawiszem Tab — czy fokus jest zawsze widoczny? Czy menu otwiera się bez myszy? Czy kontrast tekstu i przycisków wynosi co najmniej 4,5:1? Domyślne motywy Online Store 2.0 (Dawn i pochodne) to solidny punkt wyjścia; przy motywach płatnych pomaga test klawiatury na wersji demo i prośba do dostawcy o deklarację dostępności.
Zdjęcia produktów, warianty i tekst sformatowany
Nadaj każdemu zdjęciu produktu w panelu tekst alternatywny opisujący treść — nie nazwę pliku. To samo dotyczy zdjęć wariantów. Tekst wypalony jako grafika w plakietce lub banerze („Wyprzedaż”, „Tylko dziś”) jest niewidoczny dla czytników ekranu; użyj prawdziwego tekstu. W edytorze tekstu sformatowanego opisu produktu używaj poziomów nagłówków poprawnie (nie tylko powiększaj tekst), a listy jako prawdziwe listy.
Aplikacje i osadzone widżety
Aplikacje recenzji, pop-upów, sprzedaży dodatkowej i baneru cookies często wstrzykują własne widżety, które uwięziają fokus klawiatury, nie mają etykiet lub pokazują nakładki bez możliwości zamknięcia. Przetestuj każdą aplikację osobno klawiaturą; aplikacje suwaków i odliczania potrzebują pauzy i nie mogą niczego migać. Nakładka dostępności jako aplikacja nie naprawia problemów strukturalnych i jest krytykowana przez organizacje osób z niepełnosprawnościami. W razie wątpliwości: usuń aplikację.
Kasa: co narzuca Shopify, a czego nie
Standardowa kasa Shopify jest utrzymywana przez Shopify i w dużej mierze zbudowana dostępnie — masz tam mało dźwigni. Na co wpływasz: rozszerzenia kasy i własne pola (wiadomość na prezent, weryfikacja wieku) mogą utrudniać obsługę klawiaturą lub czytnikiem ekranu, a droga do kasy — koszyk, pole kodu rabatowego, wybór wysyłki — jest w motywie. Przetestuj też te kroki.
Testowanie i częste pytania
Szybki test: obsłuż stronę główną, kolekcję i stronę produktu tylko klawiaturą, powiększ w przeglądarce do 200%, uruchom rozszerzenie jak WAVE lub axe DevTools. Bezpłatny skan a11yglass dodatkowo sprawdza dostarczony HTML pod kątem kontrastu, tekstów alternatywnych, etykiet, języka i struktury. Czy mój sklep Shopify potrzebuje deklaracji dostępności? Zwykle tak — sklep, przez który kupują konsumenci, to handel elektroniczny w rozumieniu BFSG; zobacz stronę o deklaracji dostępności. Czy kasa Shopify jest już dostępna? W dużej mierze odpowiedzialność Shopify, ale rozszerzenia mogą ją zepsuć. Który motyw jest dostępny? Nie ma certyfikatu — decyduje wdrożenie w konkretnym przypadku.
Jak pomaga a11yglass
Bezpłatny skan sprawdza dostarczony kod HTML i CSS pod kątem naruszeń WCAG wykrywalnych automatycznie i podaje dla każdego ustalenia kryterium sukcesu oraz konkretne działanie. Wykrywa około 20–35 % problemów i nie zastępuje pełnego audytu.
Czytaj dalej
Informacja ogólna według najlepszej wiedzy, nie jest poradą prawną. W indywidualnej sprawie należy zwrócić się do kancelarii wyspecjalizowanej w prawie nowych technologii.