Lista kontrolna WCAG 2.2 dla stron i sklepów internetowych

Obrazy i multimedia

• Każdy obraz informacyjny ma sensowny tekst alternatywny; obrazy dekoracyjne mają pusty alt.WCAG 1.1.1 · Częściowo automatycznie
• Ikony i grafiki SVG niosące znaczenie mają alternatywę tekstową.WCAG 1.1.1 · Sprawdzane automatycznie
• Filmy mają napisy; treści wyłącznie audio mają transkrypcję.WCAG 1.2.1, 1.2.2 · Weryfikacja ręczna
• Dźwięk nie odtwarza się automatycznie albo można go zatrzymać.WCAG 1.4.2 · Weryfikacja ręczna

Tekst i kolor

• Tekst ma kontrast co najmniej 4,5:1 (duży tekst 3:1).WCAG 1.4.3 · Sprawdzane automatycznie
• Przyciski, obramowania pól i ważne ikony mają kontrast co najmniej 3:1.WCAG 1.4.11 · Weryfikacja ręczna
• Informacje nie są przekazywane wyłącznie kolorem (pola wymagane, ceny promocyjne, błędy).WCAG 1.4.1 · Weryfikacja ręczna
• Stronę można powiększyć do 200 % bez utraty treści; powiększanie nie jest zablokowane.WCAG 1.4.4 · Częściowo automatycznie

Struktura

• Każda strona ma język (lang) i unikalny, opisowy tytuł.WCAG 3.1.1, 2.4.2 · Sprawdzane automatycznie
• Nagłówki tworzą logiczną strukturę (jedno h1, bez pomijania poziomów).WCAG 1.3.1 · Częściowo automatycznie
• Listy, tabele i obszary strony mają poprawne znaczniki HTML.WCAG 1.3.1 · Częściowo automatycznie

Klawiatura i fokus

• Każdą funkcję da się obsłużyć samą klawiaturą: menu, filtry, koszyk, zamówienie.WCAG 2.1.1 · Weryfikacja ręczna
• Fokus klawiatury jest zawsze wyraźnie widoczny.WCAG 2.4.7 · Weryfikacja ręczna
• W okienkach, czatach i banerach cookie nie ma pułapek klawiatury.WCAG 2.1.2 · Weryfikacja ręczna
• Link „przejdź do treści” lub punkty orientacyjne pozwalają pominąć powtarzające się bloki.WCAG 2.4.1 · Częściowo automatycznie
• Element z fokusem nie jest zasłonięty przez przyklejony nagłówek lub baner.WCAG 2.4.11 · Weryfikacja ręczna

Formularze i zamówienie

• Każde pole ma widoczną etykietę (placeholder się nie liczy).WCAG 1.3.1, 3.3.2 · Sprawdzane automatycznie
• Komunikaty o błędach mówią, co jest nie tak i jak to poprawić.WCAG 3.3.1, 3.3.3 · Weryfikacja ręczna
• Pola imienia, adresu i e-maila używają autocomplete.WCAG 1.3.5 · Sprawdzane automatycznie
• Logowanie i zamówienie nie wymagają zagadek ani testów pamięci bez alternatywy.WCAG 3.3.8 · Weryfikacja ręczna
• Nie trzeba ponownie wpisywać już podanych informacji.WCAG 3.3.7 · Weryfikacja ręczna

Linki i przyciski

• Linki i przyciski mają zrozumiałe nazwy, także przyciski-ikony.WCAG 2.4.4, 4.1.2 · Sprawdzane automatycznie
• Obszary dotykowe mają co najmniej 24 × 24 piksele CSS lub odpowiedni odstęp.WCAG 2.5.8 · Sprawdzane automatycznie
• Akcje przeciągania mają alternatywę jednym kliknięciem.WCAG 2.5.7 · Weryfikacja ręczna

Treści dynamiczne

• Komunikaty o stanie („dodano do koszyka”, błędy) są odczytywane przez czytniki ekranu.WCAG 4.1.3 · Weryfikacja ręczna
• Karuzele i animacje można zatrzymać; nic nie miga częściej niż trzy razy na sekundę.WCAG 2.2.2, 2.3.1 · Weryfikacja ręczna
• Limity czasu można wydłużyć lub wyłączyć.WCAG 2.2.1 · Weryfikacja ręczna

Ta lista to praktyczna pomoc, a nie porada prawna. Narzędzia automatyczne niezawodnie wykrywają tylko część problemów — korzystaj z niej razem z ręczną weryfikacją i w razie potrzeby profesjonalnym doradztwem.