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:

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.