Spraw, by Twój sklep Shopify był naprawdę dostępny. EAA i WCAG, bez nakładki

Prawda: Shopify nie jest domyślnie dostępny

Standardowy motyw Shopify Online Store 2.0, taki jak Dawn czy Sense, wypada lepiej niż wiele sklepów internetowych, ale sam z siebie rzadko spełnia WCAG 2.2 AA. Gdy tylko zainstalujesz aplikacje, dostosujesz motyw albo dodasz produkty bez tekstu alternatywnego, pojawiają się bariery, których Twoi klienci, i European Accessibility Act, nie zaakceptują.

Co najczęściej szwankuje na Shopify

• Wysuwany koszyk AJAX przechwytuje fokus klawiaturyGdy klient coś doda, wysuwany panel koszyka pojawia się na ekranie. W wielu motywach Shopify fokus zostaje w nim uwięziony (pułapka fokusu), przez co użytkownicy klawiatury i czytników ekranu nie mogą już dotrzeć do przycisku zamówienia.
• Wyszukiwanie predykcyjne bez stanu ariaPodpowiedziom wyszukiwania AJAX często brakuje aria-expanded i obszaru live, przez co czytnik ekranu nie informuje, że pojawiły się wyniki.
• Próbki kolorów i filtry bez stanuPróbkom wariantów i filtrom kolekcji regularnie brakuje aria-checked lub aria-expanded, użytkownik (i maszyna) nie widzi, który filtr lub kolor jest aktywny.
• Obrazy Liquid bez tekstu alternatywnegoAutomatycznie generowane tagi img w Liquid często przekazują tekst alternatywny z panelu Shopify jako pusty lub niezrozumiały, nieczytelny dla czytników ekranu i dla Google.

Tak wygląda prawdziwa poprawka

Weźmy przycisk z ikoną koszyka w Twoim motywie Liquid. Bez dostępnej nazwy użytkownik czytnika ekranu słyszy tylko „przycisk”. Poprawka to jeden atrybut, bez przebudowy:

<button class="cart-toggle">
  {% render 'icon-cart' %}
</button>

<button class="cart-toggle" aria-label="{{ 'general.cart.title' | t }}">
  {% render 'icon-cart' %}
</button>

Co otrzymujesz

Przy narzędziu raportującym płacisz za licencję oraz swoim deweloperom za naprawę błędów. W Seviranta poprawka jest w cenie, bez podwójnego rachunku.

Chroń swoją konwersję i swój status prawny

Aplikacja, która dokleja ikonę dostępności na Twoją stronę Shopify, to ryzyko dla Twojego biznesu. Oto fakty:

Mój motyw pochodzi z Theme Store. Czy nie jest już zatwierdzony?

Theme Store wymaga średniego wyniku dostępności Lighthouse na poziomie 90 oraz listy podstaw: klawiatura, widoczny fokus, teksty alternatywne, kontrast, etykiety. To dobra baza, ale Lighthouse sprawdza tylko część WCAG, a Twoje kolory, treści, aplikacje i modyfikacje dochodzą do tego. Organ nadzoru sprawdza sklep na żywo.

Sprzedaję też do Niemiec lub Francji. Co obowiązuje tam mój sklep Shopify?

Niemcy: BFSG obowiązuje od 28 czerwca 2025 sklepy internetowe B2C, z wyjątkiem dla mikroprzedsiębiorstw (mniej niż dziesięć osób i maksymalnie 2 miliony euro obrotu lub sumy bilansowej); nadzór sprawuje Marktüberwachungsstelle der Länder (MLBF). Francja: od 28 czerwca 2025 e-commerce podlega transpozycji EAA w Code de la consommation, z tym samym wyjątkiem dla mikroprzedsiębiorstw, pod nadzorem DGCCRF; miarą jest RGAA (WCAG 2.1 AA). W obu krajach liczy się opublikowany sklep, a nie fakt, że korzystasz z Shopify.

Czy Seviranta może skanować i naprawiać checkout Shopify?

Skanować: tak, sprawdzamy opublikowane strony, włącznie z koszykiem i checkoutem. Naprawiać: to, co znajduje się w Twoim motywie i aplikacjach, dostarczamy jako poprawkę w Twoim własnym kodzie. Na to, co znajduje się w samym checkoucie Shopify, możesz wpływać tylko przez ustawienia brandingu. Nasz raport rozróżnia te przypadki, żeby Twoja dokumentacja była rzetelna.

Czy widżet dostępności Shopify wystarczy dla EAA?

Nie. Widżet kładzie warstwę na Twoją stronę, ale nie naprawia kodu u podstaw i nie liczy się jako zgodność strukturalna.

Czy mój checkout Shopify podlega EAA?

Tak. Checkout i nawigacja są wprost częścią obowiązku w ramach WCAG 2.1 AA.

Czy Seviranta skanuje też moje aplikacje Shopify?

Tak. Testujemy ostateczny wygenerowany HTML, motyw plus aplikacje, tak, jak robi to organ nadzoru.

Czy to spowolni moją stronę Shopify?

Nie. Skanujemy z zewnątrz, z naszych serwerów w UE; żaden skrypt nie trafia na Twoją stronę. 0% wpływu na szybkość ładowania i Core Web Vitals.