WCAG 2.2 - checklista dostępności strony
W skrócie
WCAG 2.2 to zestaw kryteriów dostępności. Na typowej stronie WWW najwięcej wagi mają: kontrast tekstu co najmniej 4,5:1, atrybuty alt na treściach, etykiety pól, widoczny focus, html lang i brak blokady zoomu. To obowiązek prawny w wielu kontekstach i sygnał jakości dla Google oraz asystentów AI, które czytają HTML, nie „wygląd”.
Dostępność (WCAG) opisuje, czy strona da się użyć z klawiaturą, czytnikiem ekranu i przy słabszym wzroku. WCAG 2.2 nie zastępuje 2.1 - dodaje m.in. kryteria wokół focusu, celów kliknięcia i pomocy przy logowaniu. Dla SEO liczy się to samo HTML, które czyta Googlebot i modele AI: język dokumentu, nazwy przycisków, opisy obrazów.
Poziomy A, AA, AAA - co brać na start
Cel biznesowy to zwykle AA. AAA jest rygorystyczne i rzadko osiągalne na marketingowych landingach. W audycie Audyto łapiemy rzeczy, które widać w HTML bez pełnego audytu eksperckiego: lang, alt, etykiety, puste linki i przyciski, viewport z maximum-scale=1.
| Kryterium (praktyczne) | Próg / oczekiwanie | Typowy błąd |
|---|---|---|
| Kontrast tekstu | ≥ 4,5:1 (duży tekst ≥ 3:1) | Szary tekst na ciemnym tle |
| Obrazy treści | alt opisujący treść (dekoracja: alt pusty) | Brak alt albo „img001.jpg” |
| Formularze | Każde pole ma <label> albo aria-label | Placeholder zamiast etykiety |
| Język | html lang="pl" | Brak lang albo lang="en" na polskiej stronie |
| Zoom | Nie blokuj maximum-scale=1 | Karuzela „mobile-friendly”, która kara zoom |
| Linki i przyciski | Dostępna nazwa (tekst albo aria) | Ikona bez etykiety |
WCAG a SEO i cytowania AI
Google nie przyznaje „bonusowych punktów WCAG”, ale indeksuje treść z altów, etykiet i nagłówków. Pusty przycisk „kup” jako sama ikona to zero tekstu dla bota. Modele językowe też nie „widzą” gradientu - widzą drzewo dostępności. Dlatego checklista dostępności pokrywa się z audytem strony WWW i z SEO obrazów.
Najczęstsze usterki na WordPressie i w sklepach
- Slider Elementora / Magento z obrazami bez alt i bez rezerwacji wysokości (przy okazji psuje CLS - Core Web Vitals).
- Menu hamburger tylko jako ikona, bez nazwy dostępnej.
- Cookie bar zasłaniający focus i pierwszy nagłówek.
- Kontrast przycisku „akcent na akcencie” na ciemnym motywie.
- Captcha albo Turnstile bez etykiety i bez alternatywy.
Jak sprawdzić dostępność strony
- 1Sprawdź
html langi title strony - język i temat muszą być jawne. - 2Przejdź kluczową ścieżkę samą klawiaturą (Tab): menu, formularz, koszyk. Focus musi być widoczny.
- 3W DevTools (Lighthouse / Accessibility) i w drzewie dostępności znajdź przyciski i linki bez nazwy.
- 4Policz obrazy treści bez alt; dekoracyjne oznacz pustym alt, nie pomijaj atrybutu.
- 5Zmierz kontrast głównego tekstu i przycisków (AA: 4,5:1).
- 6Upewnij się, że viewport nie ustawia maximum-scale=1.
Pełny audyt WCAG (czytniki, dysleksja, nagrania) to praca eksperta. Minimum HTML możesz złapać w minuty. Audyto raportuje te sygnały razem z SEO i wydajnością - zrób darmowy audyt.
Czego nie mylić z „wtyczką WCAG”
Nakładki „napraw dostępność” (pasek kontrastu, widget) nie spełniają WCAG, jeśli źródłowy HTML jest zły. Google i czytnik i tak dostaną pusty przycisk. Popraw szablon: etykiety, alt, kontrast w CSS, focus-visible. Potem dopiero opcjonalne narzędzia. To ten sam rozsądek co przy dwóch wtyczkach SEO - jedna prawda w kodzie.
Najczęstsze pytania
Co to jest WCAG 2.2?
Web Content Accessibility Guidelines 2.2 to standard W3C. Rozszerza 2.1 o m.in. kryteria związane z focusem, rozmiarem celów kliknięcia i dostępnością logowania. W praktyce stron WWW celem jest zwykle poziom AA.
Czy WCAG wpływa na SEO?
Pośrednio. Google i AI czytają ten sam HTML: alt, etykiety, nagłówki, lang. Lepsza dostępność to więcej zrozumiałej treści i mniej barier na mobile.
Jaki kontrast tekstu jest wymagany?
Dla poziomu AA: co najmniej 4,5:1 dla zwykłego tekstu i 3:1 dla tekstu dużego. To jeden z najczęstszych błędów na ciemnych landingach.
Czy każdy obraz musi mieć alt?
Każdy obraz w HTML powinien mieć atrybut alt. Treściowy - opis. Dekoracyjny - alt pusty (alt=""). Pominięcie atrybutu jest gorsze niż pusty alt na ozdobie.
Czy polskie firmy muszą spełniać WCAG?
Dla podmiotów publicznych i części usług cyfrowych tak (przepisy o dostępności). Dla reszty to ryzyko prawne i wizerunkowe, a przy sklepie - utrata klientów. Niezależnie od obowiązku, checklista AA to rozsądne minimum.
Od czego zacząć poprawki WCAG?
Od lang, altów, etykiet formularzy i kontrastu tekstu. Potem klawiatura i nazwy przycisków. Nie zaczynaj od wtyczki „naprawi WCAG jednym kliknięciem”.
Sprawdź swoją stronę w 60 sekund
Wydajność, SEO, dostępność i bezpieczeństwo w jednym raporcie. Pierwszy audyt za darmo.
Zrób darmowy audyt