WCAG 2.2, opublikowane 5 października 2023 r. przez konsorcjum W3C jako oficjalna rekomendacja, dodaje 9 nowych kryteriów do WCAG 2.1 i jest aktualnym stanem techniki dostępności cyfrowej. Polski sklep Shopify w 2026 r. powinien dążyć do zgodności z WCAG 2.2 AA, mimo że formalnie odsyłająca norma EN 301 549 v3.2.1 wciąż wskazuje WCAG 2.1. Powód: organy nadzoru i Fundacja Widzialni traktują WCAG 2.2 jako referencyjny, a planowana aktualizacja EN 301 549 obejmie WCAG 2.2 najpóźniej w 2027 r.
WCAG 2.0 stało się rekomendacją W3C w 2008 r. WCAG 2.1, opublikowane w 2018 r., dodało 17 kryteriów obejmujących głównie urządzenia mobilne i osoby z niskim widzeniem. WCAG 2.2, opublikowane 5 października 2023 r., dodało 9 nowych kryteriów (jedno z nich, 4.1.1 Parsing, zostało równocześnie wycofane jako niepraktyczne, więc netto przybyło 8).
W Polsce ustawa z 26 kwietnia 2024 r. o zapewnianiu dostępności (Dz.U. 2024 poz. 731) odsyła przez dyrektywę EAA 2019/882 do harmonizowanej normy EN 301 549. Wersja v3.2.1, obowiązująca od marca 2021 r., wskazuje WCAG 2.1 AA. Wersja v4.0.0, której konsultacje zakończono w grudniu 2025 r., ma wskazywać WCAG 2.2. Publikacja v4.0.0 jest zapowiedziana na drugą połowę 2026 r.
Dla polskiego sprzedawcy oznacza to praktycznie: formalnie wystarczy WCAG 2.1 AA, ale w razie sporu cywilnego albo skargi konsumenckiej WCAG 2.2 będzie zwykle traktowane jako "aktualny stan techniki", co w polskim prawie cywilnym ma znaczenie dla oceny należytej staranności (m.in. art. 355 Kodeksu cywilnego).
WCAG opiera się na czterech zasadach POUR: Postrzegalność, Operatywność, Zrozumiałość, Solidność. Każda zasada zawiera wytyczne, każda wytyczna zawiera kryteria sukcesu. Kryteria są podzielone na poziomy A (najprostsze, obowiązkowe), AA (rekomendowane, wymagane przez ustawę) i AAA (zaawansowane, opcjonalne).
W sklepie Shopify w 2026 r. obowiązuje poziom AA, co przekłada się na 55 kryteriów (WCAG 2.2 AA = 30 kryteriów A + 24 kryteriów AA + jedno wycofane).
Elementy z fokusem klawiatury nie mogą być całkowicie zasłonięte przez inne elementy interfejsu. W Shopify najczęściej narusza to przyklejony nagłówek (sticky header), który zasłania pierwszy widoczny element strony po przewinięciu, oraz przyciski "Zgoda na ciasteczka" pływające na dole.
Weryfikacja: trzeba kliknąć Tab, przewijając stronę klawiszami strzałek. Jeśli zaznaczony element znika za nagłówkiem, jest naruszenie.
Poprawka w assets/base.css polega na uwzględnieniu scroll-padding-top:
html {
scroll-padding-top: var(--header-height, 80px);
}
Jak wyżej, ale element z fokusem nie może być w ogóle zasłonięty. Wymagany dopiero dla poziomu AAA, dla większości sklepów Shopify nie ma zastosowania.
Wskaźnik fokusu musi mieć minimum 2 piksele grubości i kontrast 3:1 z otoczeniem. Poziom AAA, ale Fundacja Widzialni rekomenduje wdrożenie z uwagi na praktyczną korzyść.
Każda funkcja realizowana przez przeciąganie musi mieć alternatywę realizowaną jednym dotknięciem. W Shopify dotyczy to sliderów cen w filtrach kolekcji oraz karuzeli z gestem swipe.
W typowym sklepie Shopify slider cen w fasetowanym filtrowaniu (włączonym przez aplikację Shopify Search & Discovery) narusza to kryterium. Poprawka wymaga dodania pól numerycznych "od" i "do" jako alternatywy.
Interaktywne elementy obsługi muszą mieć minimum 24×24 piksele CSS, z wyjątkiem linków w tekście ciągłym.
W Shopify zawodzą zwykle: kropki paginacji karuzel, ikony w stopce mniejsze niż 24×24, krzyżyki zamknięcia w mini-koszykach.
Mechanizmy pomocy (numer telefonu, formularz kontaktowy, czat) muszą być w tym samym miejscu na każdej stronie. W Shopify dotyczy to widżetów typu Tidio, Intercom albo własnego linku "Kontakt" w stopce. Kryterium jest spełnione, jeśli widżet jest podpięty globalnie w theme.liquid, a nie na pojedynczej stronie.
Po wprowadzeniu informacji w jednym kroku procesu, użytkownik nie powinien być zmuszony do ponownego wpisywania jej w późniejszym kroku. W Shopify dotyczy to głównie kasy: adres dostawy i adres rozliczeniowy.
Shopify Checkout natywnie obsługuje tę funkcjonalność przez checkbox "Adres rozliczeniowy taki sam jak dostawy", więc kryterium jest spełnione bez dodatkowej pracy. Naruszenie pojawia się tylko w sklepach z własną kasą zbudowaną przez Checkout Extensibility.
Proces logowania nie może wymagać od użytkownika zapamiętania ani transkrypcji informacji bez wsparcia. W praktyce oznacza to dopuszczalność kopiowania i wklejania w polu hasła oraz dostępność menedżerów haseł.
W Shopify standardowy formularz logowania (z aplikacją Shop Pay lub bez) spełnia to kryterium domyślnie. Naruszenie pojawia się, gdy własny CSS blokuje wklejanie:
/* Naruszenie, nie używać */
.field__input[type="password"] {
-webkit-user-modify: read-only !important;
}
Jak wyżej, ale również bez CAPTCH wymagających rozpoznawania obrazów. Poziom AAA. W Shopify, jeśli aktywowane jest reCAPTCHA na stronie logowania, kryterium jest naruszone. Alternatywa: reCAPTCHA v3 (niewidoczna) albo Cloudflare Turnstile.
Każdy element nietekstowy (obraz, ikona, wykres) musi mieć tekstowy odpowiednik niosący tę samą informację. W Shopify dotyczy to atrybutu alt dla obrazów produktów, ikon w nagłówku i obrazów dekoracyjnych.
Zasada decyzyjna: obraz informacyjny ma alt opisujący jego treść, obraz dekoracyjny ma puste alt="" (a nie brak atrybutu).
Informacja, struktura i relacje muszą być programowo określone. W Shopify dotyczy to poprawnej hierarchii nagłówków (h1 raz na stronę, h2 dla głównych sekcji, h3 wewnątrz), użycia <nav> dla nawigacji i <main> dla głównej treści.
Współczynnik kontrastu 4,5:1 dla tekstu zwykłego, 3:1 dla tekstu dużego. Niski kontrast tekstu jest globalnie najczęściej wykrywanym automatycznie naruszeniem WCAG wg corocznego WebAIM Million i ten wzorzec w pełni odpowiada rzeczywistości w sklepach Shopify.
Strona musi być użyteczna bez przewijania w obu osiach przy szerokości 320 pikseli CSS (i wysokości 256 pikseli CSS dla tekstu drukowanego poziomo). W Shopify motyw Dawn spełnia to natywnie. Naruszenia pojawiają się w niestandardowych sekcjach z fixed width.
Kontrast 3:1 dla elementów graficznych użytkowych (obramowania pól, ikony funkcjonalne, wskaźniki stanu). Drugi co do częstości błąd w polskim Shopify.
Każda funkcja musi być dostępna z klawiatury. Krytyczne dla Shopify w sklepach z megamenu i niestandardowymi modalami.
Element z fokusem musi mieć widoczny wskaźnik wzrokowy. Najczęstsza poprawka to usunięcie globalnego outline: none i wprowadzenie *:focus-visible { outline: 2px solid; }.
Nowość w WCAG 2.2 omówiona wyżej.
<html lang="pl"> dla polskich stron. W Shopify Liquid: <html lang="{{ request.locale.iso_code }}">.
Powtarzające się elementy nawigacyjne pojawiają się w tej samej kolejności na każdej stronie, na której są obecne. Standardowo spełnione w Shopify dla sklepu na jednym motywie.
Wszystkie pola wejściowe muszą mieć etykietę. Brakujące etykiety pól formularzy są w WebAIM Million od lat jednym z czterech najczęściej wykrywanych automatycznie błędów.
Niestandardowe elementy interaktywne muszą eksponować nazwę, rolę i wartość przez ARIA albo natywne HTML. Krytyczne dla własnych sekcji typu accordion czy tab interface.
Komunikaty potwierdzeń ("Produkt dodano do koszyka") i błędów muszą być ogłaszane czytnikom ekranu przez role="status" albo role="alert". W Shopify motyw Dawn implementuje to dla koszyka, ale wiele motywów premium nie.
Polska ustawa z 26 kwietnia 2024 r. odsyła do EN 301 549. EN 301 549 v3.2.1 odsyła do WCAG 2.1 AA. WCAG 2.2 AA = WCAG 2.1 AA + 9 nowych kryteriów - 1 wycofane = 8 dodatkowych kryteriów do oceny.
Spośród 8 dodatkowych, 5 ma bezpośrednie zastosowanie w typowym sklepie Shopify:
- 2.4.11 Focus Not Obscured (sticky header)
- 2.5.7 Dragging Movements (slider cen)
- 2.5.8 Target Size (kropki karuzeli)
- 3.2.6 Consistent Help (chat widget)
- 3.3.8 Accessible Authentication (paste w hasle)
Pozostałe 3 (3.3.7, 2.4.12, 2.4.13) są albo zaspokojone natywnie przez Shopify, albo dotyczą poziomu AAA.
axe-core 4.10, narzędzie open-source od Deque Systems, wykrywa około 30 procent naruszeń WCAG automatycznie. Reszta wymaga oceny manualnej (kontekst tekstu alt, sens hierarchii nagłówków, jakość komunikatów błędów).
AccessifyAI rozszerza axe-core 4.10 o 14 własnych reguł skupionych na Liquid: czy theme.liquid zawiera <html lang>, czy ARIA w sekcjach Shopify nie kolinduje z natywną semantyką, czy obrazy ładowane przez image_url mają domyślny alt.
Audyt manualny zgodny z WCAG 2.1 / WCAG 2.2 oferują wyspecjalizowane firmy i organizacje na rynku polskim. Konkretną wycenę najlepiej zebrać od kilku audytorów, bo zakres (liczba szablonów, sklep wielojęzyczny, audyt z udziałem użytkowników) silnie wpływa na cenę. Audyt manualny obejmuje obserwacje, których automat nie zastąpi (jakość tekstu alt, sens hierarchii nagłówków, jakość komunikatów błędów).
Najwyższy stopień pewności daje test usability z udziałem osób z różnymi rodzajami niepełnosprawności: niewidomych, słabowidzących, osób z dysleksją, osób z ograniczeniami motorycznymi. Stawki za sesję są ustalane indywidualnie z uczestnikami lub agencją badawczą i zależą od długości sesji oraz formy rekrutacji.
- Tydzień 1: skan automatyczny axe-core lub AccessifyAI, identyfikacja krytycznych naruszeń poziomu A
- Tydzień 2: naprawa krytycznych naruszeń (alt, etykiety, kontrast, lang)
- Tydzień 3: poprawki kryteriów AA (fokus, klawiatura, kontrast UI)
- Tydzień 4: poprawki nowości WCAG 2.2 (target size, focus not obscured, dragging movements)
- Tydzień 5: ponowny skan, weryfikacja diffów, publikacja deklaracji dostępności
- Co kwartał: ponowny audyt, aktualizacja deklaracji
Harmonogram nie jest sztywny. Sklep z dużą liczbą zainstalowanych aplikacji albo z bardzo zmodyfikowanym motywem może potrzebować więcej czasu niż sklep na czystym motywie referencyjnym. Pierwszą wycenę najlepiej wystawić na podstawie konkretnego raportu ze skanu, nie na podstawie szacunku z głowy.
Trzeba uczciwie powiedzieć: automat nie zastąpi człowieka w pięciu obszarach:
- Sens tekstu alt obrazu informacyjnego
- Hierarchia nagłówków semantycznych
- Jakość komunikatów błędów (czy jest jasny, co i jak poprawić)
- Jakość tekstu opisowego do filmów (audio description)
- Sensowna kolejność czytania złożonych układów
Te elementy wymagają człowieka. AccessifyAI generuje propozycje AI dla tekstów alt i komunikatów błędów, ale ostateczna decyzja należy do operatora sklepu.
Formalnie EN 301 549 v3.2.1, do której odsyła polska ustawa, wskazuje WCAG 2.1 AA. Praktycznie WCAG 2.2 jest traktowane jako aktualny stan techniki i kolejna wersja EN 301 549 ma ten standard objąć. W razie skargi konsumenckiej argument "spełniam WCAG 2.1" jest słabszy niż "spełniam WCAG 2.2".
Poziom AAA nie jest wymagany przez polską ustawę ani przez EAA. Zaleca się tam, gdzie sklep obsługuje grupy szczególnie wrażliwe (apteki online, sklepy medyczne, instytucje rehabilitacyjne). Dla typowego e-commerce poziom AA wystarcza.
Trzeba zachować trzy elementy: raport ze skanu automatycznego (PDF z AccessifyAI lub z innego narzędzia), opublikowaną publiczną informację o dostępności usługi w regulaminie lub na stronie sklepu (/pages/deklaracja-dostepnosci), oraz wewnętrzny dziennik wprowadzonych poprawek z datami. Prezes Zarządu PFRON może żądać tej dokumentacji w trybie art. 32 ust. 2 pkt 7 ustawy z 2024 r.
Tak. Fundacja Widzialni rekomenduje ponowienie pełnego audytu co rok i ponowienie skanu automatycznego co kwartał. Każda nowa publikacja motywu, instalacja aplikacji, zmiana dostawcy płatności potencjalnie wprowadza nowe naruszenia.
Nie. Shopify Inc. w warunkach świadczenia usług explicit wyłącza odpowiedzialność za zgodność z WCAG. Każdy sprzedawca odpowiada za zgodność swojego sklepu samodzielnie, niezależnie od motywu i platformy.
AccessifyAI skanuje sklep zgodnie z WCAG 2.2 AA (wszystkie 55 kryteriów), generuje raporty i pakiety dowodowe w PDF mapujące każde naruszenie do konkretnego kryterium, oraz proponuje ujednolicone diffy poprawek dla naruszeń automatyzowalnych. Lista nieautomatyzowalnych pozostaje do oceny manualnej.
WCAG 2.2 jest aktualnym stanem techniki dostępności cyfrowej w 2026 r. Polski sklep Shopify objęty ustawą z 26 kwietnia 2024 r. powinien dążyć do zgodności z poziomem AA, mimo że formalne odesłanie wciąż wskazuje WCAG 2.1. Pięć nowości WCAG 2.2 ma bezpośrednie znaczenie dla typowego Shopify: focus not obscured, dragging movements, target size minimum, consistent help, accessible authentication. Ustawowy pułap kar pieniężnych z art. 73 ustawy z 2024 r. sięga 10-krotności przeciętnego wynagrodzenia miesięcznego, nie więcej niż 10% obrotu. Aktualną wartość przeciętnego wynagrodzenia publikuje Prezes GUS w "Monitorze Polskim".