Checklista WCAG 2.2 AAA
Wstęp
Checklista WCAG 2.2 AAA bazuje na wytycznych WCAG 2.2, poziomie
WCAG 2.2 AAA oraz przede
wszystkim
na checklistcie WCAG z webaim.org. Jest
przeznaczona dla
wytycznych, które mają zapewnić dostępność treści dla zmysłów wzroku, słuchu i/lub dotyku (czyli zmysłów
wizualnych,
słuchowych i dotykowych).
Zasada 1: Postrzegalność
Treść internetowa jest dostępna dla zmysłów - wzroku, słuchu i/lub dotyku.
Wytyczna 1.1: Alternatywy tekstowe
1.1.1 Treść nietekstowa A
- Obrazy, przyciski graficzne i obszary aktywne map obrazkowych mają odpowiedni, równoważny tekst
alternatywny.
- Obrazy, które nie przekazują treści, są dekoracyjne lub zawierają treść już przekazaną w tekście,
mają pusty tekst alternatywny (alt="") lub są zaimplementowane jako tła CSS.
- Wszystkie połączone obrazy mają opisowy tekst alternatywny.
- Równoważne alternatywy dla złożonych obrazów są dostępne w kontekście lub na oddzielnej połączonej
stronie.
- Przyciski formularzy mają opisową wartość.
- Pola wprowadzania mają powiązane dostępne nazwy.
- Osadzone multimedia są identyfikowane via dostępne tekst.
- Ramki i iframy są odpowiednio zatytułowane.
Wytyczna 1.2: Alternatywy dla mediów zależnych od czasu
1.2.1 Tylko audio i Tylko wideo (nagrane wcześniej) A
- Dla nieliniowych treści audio (podcasty audio, pliki MP3 itp.) dostępna jest opisowa transkrypcja
odpowiedniej treści.
- Dla nieliniowych treści wideo (tylko wideo), chyba że wideo ma charakter dekoracyjny, dostępna jest
opisowa transkrypcja lub audiodeskrypcja odpowiedniej treści.
1.2.2 Napisy (nagrane wcześniej) A
- Zsynchronizowane napisy są dostępne dla nieliniowych treści wideo (filmy na YouTube itp.).
1.2.3 Audiodeskrypcja lub Alternatywa dla mediów (nagrane wcześniej) A
- Dla nieliniowych treści wideo dostępna jest opisowa transkrypcja lub audiodeskrypcja. (Wymagane
tylko, jeśli istnieje istotna treść wizualna, która nie jest prezentowana w audio).
1.2.4 Napisy (na żywo) AA
- Zsynchronizowane napisy są dostępne dla mediów na żywo zawierających audio (audio-only broadcasts,
web casts, video conferences, etc.)
1.2.5 Audiodeskrypcja (nagrane wcześniej) AA
- Audiodeskrypcje są dostępne dla nieliniowych treści wideo. (Wymagane tylko, jeśli istnieje istotna
treść wizualna, która nie jest prezentowana w audio).
1.2.6 Język migowy (nagrane wcześniej) AAA
- Film w języku migowym jest dostępny dla mediów zawierających audio.
1.2.7 Rozszerzona audiodeskrypcja (nagrane wcześniej) AAA
- Jeśli audiodeskrypcja nie może zostać dodana do wideo z powodu niewystarczających pauz w audio,
dostępna jest alternatywna wersja wideo z pauzami, które umożliwiają audiodeskrypcję.
1.2.8 Alternatywa dla mediów (nagrane wcześniej) AAA
- Opisowa transkrypcja jest dostępna dla nagranych wcześniej mediów, które posiadają ścieżkę wideo.
1.2.9 Tylko audio (na żywo) AAA
- Opisowa transkrypcja tekstowa (np. skrypt audio na żywo) jest dostępna dla treści na żywo, które
posiadają audio.
Wytyczna 1.3: Tworzenie treści, które mogą być prezentowane na różne sposoby bez utraty informacji lub
struktury.
1.3.1 Informacje i relacje A
- Znaczniki semantyczne są odpowiednio używane do oznaczania nagłówków, regionów/punktów
orientacyjnych, list, wyróżnionego lub specjalnego tekstu itp.
- Tabele są używane do danych tabelarycznych, a komórki danych są powiązane z ich nagłówkami. Podpisy
tabel danych, jeśli są obecne, są powiązane z tabelami danych.
- Etykiety tekstowe są powiązane z polami formularzy. Powiązane kontrolki formularzy są grupowane za
pomocą fieldset/legend. Etykietowanie ARIA może być używane, gdy standardowy HTML jest
niewystarczający.
1.3.2 Zrozumiała kolejność A
- Kolejność czytania i nawigacji (określona kolejnością kodu) jest logiczna i intuicyjna.
1.3.3 Cechy sensoryczne A
- Instrukcje nie opierają się na kształcie, rozmiarze ani położeniu wizualnym (np. "Kliknij ikonę
kwadratu, aby kontynuować" lub "Instrukcje znajdują się w prawej kolumnie").
- Instrukcje nie opierają się na dźwięku (np. "Sygnał dźwiękowy wskazuje, że możesz kontynuować").
1.3.4 Orientacja AA
- Orientacja treści internetowych nie jest ograniczona tylko do pionowej lub poziomej, chyba że
określona orientacja jest konieczna.
1.3.5 Identyfikacja celu wprowadzania AA
- Pola wprowadzania, które zbierają określone typy informacji o użytkowniku, mają odpowiedni atrybut
autocomplete.
1.3.6 Identyfikacja celu AAA
- Regiony/punkty orientacyjne są używane do identyfikacji regionów strony.
- ARIA jest używana, gdzie to stosowne, do rozszerzania semantyki HTML w celu lepszej identyfikacji
celu komponentów interfejsu.
Wytyczna 1.4: Ułatwienie użytkownikom widzenia i słyszenia treści, w tym oddzielenie pierwszego planu od
tła.
1.4.1 Użycie koloru A
- Kolor nie jest używany jako jedyna metoda przekazywania treści lub rozróżniania elementów
wizualnych.
- Sam kolor nie jest używany do odróżniania linków od otaczającego tekstu, chyba że współczynnik
kontrastu między linkiem a otaczającym tekstem wynosi co najmniej 3:1 i zapewnione jest dodatkowe
rozróżnienie (np. podkreślenie), gdy link jest najechany kursorem lub otrzymuje fokus klawiatury.
1.4.2 Kontrola audio A
- Dostępny jest mechanizm do zatrzymywania, pauzowania, wyciszania lub regulowania głośności dla
dźwięku, który automatycznie odtwarza się na stronie przez ponad 3 sekundy.
1.4.3 Kontrast (minimum) AA
- Tekst i obrazy tekstu mają współczynnik kontrastu co najmniej 4.5:1.
- Duży tekst - co najmniej 18 punktów (zazwyczaj 24px) lub 14 punktów (zazwyczaj 18.66px) i pogrubiony
- ma współczynnik kontrastu co najmniej 3:1.
1.4.4 Zmiana rozmiaru tekstu AA
- Strona jest czytelna i funkcjonalna po powiększeniu do 200%.
1.4.5 Obrazy tekstu AA
- Jeśli ta sama prezentacja wizualna może być osiągnięta za pomocą samego tekstu, obraz nie jest
używany do prezentowania tego tekstu.
1.4.6 Kontrast (rozszerzony) AAA
- Tekst i obrazy tekstu mają współczynnik kontrastu co najmniej 7:1.
- Duży tekst - co najmniej 18 punktów (zazwyczaj 24px) lub 14 punktów (zazwyczaj 18.66px) i pogrubiony
- ma współczynnik kontrastu co najmniej 4.5:1.
1.4.7 Niskie lub brak tła audio AAA
- Audio z mową ma brak lub bardzo niski poziom hałasu w tle, aby mowa była łatwo rozróżnialna.
1.4.8 Prezentacja wizualna AAA
- Bloki tekstu dłuższe niż jedno zdanie:
- Mają nie więcej niż 80 znaków szerokości.
- NIE są w pełni wyjustowane (wyrównane do obu marginesów, lewego i prawego).
- Mają odpowiednie odstępy między wierszami (co najmniej 1/2 wysokości tekstu) i odstępy
między akapitami (1.5 raza odstępy między wierszami).
- Mają zdefiniowane lub dziedziczone kolory pierwszego planu i tła.
- NIE wymagają przewijania poziomego, gdy rozmiar tekstu jest podwojony.
1.4.9 Obrazy tekstu (bez wyjątku) AAA
- Tekst jest używany w obrazie tylko w celach dekoracyjnych (obraz nie przekazuje treści) LUB gdy
informacja nie może być przedstawiona samym tekstem.
1.4.10 Zawijanie treści AA
- Brak utraty treści lub funkcjonalności i unikanie przewijania poziomego, gdy treść jest prezentowana
na szerokości 320 pikseli.
- Treści wymagające przewijania poziomego, takie jak tabele danych, złożone obrazy (np. mapy i
wykresy), paski narzędzi itp., są wyłączone.
1.4.11 Kontrast elementów nietekstowych AA
- Współczynnik kontrastu wynoszący co najmniej 3:1 jest obecny dla odróżniania obiektów graficznych
(takich jak ikony i elementy wykresów) i elementów interfejsu dostosowanych przez autora (takich jak
przyciski, kontrolki formularzy i wskaźniki/kontury fokusu).
- Kontrast co najmniej 3:1 jest utrzymany w różnych stanach (fokus, najechanie, aktywny itp.)
elementów interaktywnych dostosowanych przez autora.
1.4.12 Odstępy w tekście AA
- Brak utraty treści lub funkcjonalności, gdy użytkownik dostosowuje odstępy między akapitami do
2-krotności rozmiaru czcionki, wysokość/odstępy w wierszach tekstu do 1.5-krotności rozmiaru
czcionki, odstępy między wyrazami do 0.16-krotności rozmiaru czcionki i odstępy między literami do
0.12-krotności rozmiaru czcionki.
1.4.13 Treść na najechanie lub fokus AA
- Gdy dodatkowa treść jest prezentowana na najechanie kursorem lub fokus klawiatury:
- Nowo ujawniona treść może zostać odrzucona (zazwyczaj za pomocą klawisza Esc) bez
przesuwania wskaźnika lub fokusu klawiatury, chyba że treść przedstawia błąd wprowadzania
lub nie zasłania ani nie koliduje z inną treścią strony.
- Wskaźnik może być przesunięty do nowej treści bez jej znikania.
- Nowa treść musi pozostać widoczna, dopóki wskaźnik lub fokus klawiatury nie zostanie
przesunięty z kontrolki wyzwalającej, nowa treść zostanie odrzucona lub nowa treść nie
będzie już istotna.