WCAG 2.2 AA: lista kontrolna dla sklepu internetowego
Zaktualizowano 12 października 2026 · 4 min czytania
Lista kontrolna WCAG 2.2 AA dla sklepu internetowego obejmuje przede wszystkim: kontrast tekstu, teksty alternatywne zdjęć, etykiety pól formularzy, nazwy przycisków, pełną obsługę klawiaturą, widoczny fokus i odpowiedni rozmiar celów dotyku. Część z tych punktów wykryje automatyczny test, część wymaga sprawdzenia przez człowieka – poniżej zaznaczamy, które.
WCAG 2.2 to podstawa normy EN 301 549 V4.1.1, opublikowanej we wrześniu 2026 r. Do jej publikacji w Dzienniku Urzędowym UE (spodziewanej pod koniec 2026 r.) zharmonizowana pozostaje wersja V3.2.1 oparta na WCAG 2.1. WCAG 2.2 AA obejmuje wymagania WCAG 2.1 AA, więc sprawdzając według nowszej wersji, nie traci się niczego.
Legenda: A – zwykle wykrywa automat, C – wymaga człowieka, A+C – automat wykryje część przypadków.
Treść i wygląd
| Punkt | Co sprawdzić w sklepie | Kto |
|---|---|---|
| 1.1.1 Treść nietekstowa | Zdjęcia produktów i banery mają tekst alternatywny; dekoracje mają pusty alt | A+C |
| 1.3.1 Informacje i relacje | Nagłówki tworzą logiczną strukturę; tabele rozmiarów są prawdziwymi tabelami | A+C |
| 1.4.3 Kontrast (minimum) | Tekst ma kontrast co najmniej 4,5:1, duży tekst 3:1 – także ceny, promocje, placeholdery | A |
| 1.4.4 Zmiana rozmiaru tekstu | Strona działa przy powiększeniu 200% | C |
| 1.4.10 Dopasowanie do ekranu | Przy szerokości 320 px nie trzeba przewijać w poziomie | C |
| 1.4.11 Kontrast elementów nietekstowych | Ramki pól, ikony, wskaźnik fokusu mają kontrast 3:1 | A+C |
| 3.1.1 Język strony | Atrybut lang jest ustawiony (np. pl) |
A |
Formularze, koszyk i zamówienie
| Punkt | Co sprawdzić w sklepie | Kto |
|---|---|---|
| 1.3.5 Cel pola | Pola adresu i danych mają odpowiedni autocomplete |
A+C |
| 3.3.1 Identyfikacja błędu | Błąd w formularzu jest opisany tekstem, nie tylko kolorem | C |
| 3.3.2 Etykiety lub instrukcje | Każde pole ma widoczną etykietę, nie tylko placeholder | A+C |
| 3.3.7 Zbędne powtórzenia (nowe w 2.2) | Klient nie musi drugi raz wpisywać adresu, gdy dostawa = rozliczenie | C |
| 3.3.8 Dostępne uwierzytelnianie (nowe w 2.2) | Logowanie nie wymaga przepisywania kodu z obrazka bez alternatywy; działa wklejanie hasła | C |
| 4.1.2 Nazwa, rola, wartość | Przyciski „Dodaj do koszyka”, ikony koszyka i wyszukiwania mają dostępną nazwę | A |
Klawiatura i fokus
| Punkt | Co sprawdzić w sklepie | Kto |
|---|---|---|
| 2.1.1 Klawiatura | Cały zakup da się przejść klawiszami Tab, Enter, spacja i Esc | C |
| 2.1.2 Brak pułapki | Okno z ciasteczkami czy newsletter nie „więzi” fokusu | C |
| 2.4.3 Kolejność fokusu | Fokus przechodzi w logicznej kolejności | C |
| 2.4.7 Widoczny fokus | Zawsze widać, który element jest aktywny | C |
| 2.4.11 Fokus niezasłonięty (nowe w 2.2) | Przyklejony nagłówek lub baner nie zasłania aktywnego elementu | C |
Interakcje
| Punkt | Co sprawdzić w sklepie | Kto |
|---|---|---|
| 2.2.2 Pauza, zatrzymanie, ukrycie | Automatyczny slider da się zatrzymać | C |
| 2.4.4 Cel linku | Linki „Więcej” mają zrozumiały kontekst | A+C |
| 2.5.7 Przeciąganie (nowe w 2.2) | Suwak ceny w filtrach ma alternatywę, np. pola „od–do” | C |
| 2.5.8 Rozmiar celu – minimum (nowe w 2.2) | Przyciski i ikony mają co najmniej 24 × 24 px lub odpowiedni odstęp | A+C |
| 3.2.6 Spójna pomoc (nowe w 2.2) | Kontakt i pomoc są w tym samym miejscu na każdej stronie | C |
Jak korzystać z tej listy
- Warto zacząć od stron, które blokują sprzedaż: koszyk, zamówienie, logowanie, karta produktu.
- Automatyczny test szybko znajdzie punkty oznaczone „A” – np. podczas bezpłatnej kontroli jednej strony.
- Punkty „C” trzeba sprawdzić ręcznie – najprościej odłożyć mysz i spróbować kupić produkt samą klawiaturą.
- Po każdej aktualizacji motywu lub wtyczki test warto powtórzyć.
Pojęcia z tabeli wyjaśnia słownik dostępności.
Jak pomaga nasz serwis
Automatyczna kontrola co tydzień sprawdza punkty oznaczone „A” i część „A+C”, a raport po polsku podaje instrukcje naprawy dla Shopify, WooCommerce, PrestaShop i Shoptet. To automatyczna kontrola, a nie pełny audyt, i nie stanowi porady prawnej – punkty „C” wymagają człowieka, dlatego ręczną kontrolę oferujemy osobno. Więcej: jak to działa. Kontekst prawny: Europejski akt o dostępności.
Najczęstsze pytania
Od czego zacząć sprawdzanie sklepu według WCAG 2.2?
Od stron, które blokują sprzedaż: koszyka, formularza zamówienia, logowania i karty produktu. Najpierw automatyczny test, potem ręczne przejście zakupu samą klawiaturą.
Co nowego w WCAG 2.2 dla sklepów?
Między innymi wymaganie, by fokus nie był zasłonięty, minimalny rozmiar celu dotyku lub kliknięcia, alternatywa dla przeciągania, spójne miejsce pomocy, brak konieczności ponownego wpisywania danych oraz dostępne uwierzytelnianie.
Czy automatyczny test sprawdzi całą listę?
Nie. Automat dobrze wykrywa np. kontrast, brak tekstów alternatywnych i etykiet, ale kolejność fokusu, jakość opisów czy zrozumiałość komunikatów wymagają sprawdzenia przez człowieka.