WCAG 2.2 · A / AA / AAA

Interaktywna mapa WCAG 2.2

Przeglądaj, wyszukuj i porównuj kryteria WCAG szybciej — w prostej, czytelnej strukturze.

Poziomy zgodnościAPoziom podstawowyAAPoziom zalecanyAAAPoziom rozszerzony2.2Nowe w WCAG 2.2

✦ Kliknij zasadę, następnie wytyczną i kryterium. Mapę można obsługiwać klawiaturą; pełna lista znajduje się poniżej.

POUR

4 zasady POUR

Postrzegalność

Informacje i komponenty interfejsu muszą być przedstawione w sposób możliwy do postrzegania.

4 wytycznych

Funkcjonalność

Komponenty interfejsu i nawigacja muszą być możliwe do obsługi.

5 wytycznych

Zrozumiałość

Informacje oraz obsługa interfejsu muszą być zrozumiałe.

3 wytycznych

Solidność

Treść musi być wystarczająco solidna, aby mogła być interpretowana przez technologie asystujące.

1 wytycznych

A · AA · AAA

Indeks kryteriów sukcesu

Pełna treść mapy w formie listy. Rozwiń zasadę, wytyczną i kryterium, aby poznać opis oraz przykłady barier.

01Postrzegalność4 wytycznych

1.1Alternatywa tekstowa1

1.1.1Treść nietekstowaA

Każda treść nietekstowa musi mieć alternatywę tekstową przekazującą ten sam cel lub informację; wyjątki obejmują m.in. dekoracje, testy i CAPTCHA.

Przykłady niezgodności

Obraz informacyjny nie ma opisu alternatywnego.
Ikona-przycisk nie ma dostępnej nazwy.

1.2Multimedia9

1.2.1Tylko audio lub tylko wideoA

Dla nagrania zawierającego tylko dźwięk trzeba zapewnić transkrypcję, a dla nagrania zawierającego tylko obraz — opis tekstowy albo ścieżkę dźwiękową z równoważną informacją.

Przykłady niezgodności

Film nie ma odpowiednich napisów ani transkrypcji.
Ważna akcja widoczna w obrazie nie jest opisana w dźwięku.

1.2.2Napisy rozszerzone (nagranie)A

Nagrania wideo z dźwiękiem muszą mieć zsynchronizowane napisy obejmujące dialogi oraz ważne informacje dźwiękowe.

Przykłady niezgodności

Film nie ma odpowiednich napisów ani transkrypcji.
Ważna akcja widoczna w obrazie nie jest opisana w dźwięku.

1.2.3Audiodeskrypcja lub alternatywaA

Nagranie wideo musi mieć audiodeskrypcję ważnych informacji wizualnych albo pełną tekstową alternatywę dla całego materiału.

Przykłady niezgodności

Film nie ma odpowiednich napisów ani transkrypcji.
Ważna akcja widoczna w obrazie nie jest opisana w dźwięku.

1.2.4Napisy rozszerzone (na żywo)AA

Wszystkie treści audio nadawane na żywo w zsynchronizowanych multimediach muszą mieć napisy na żywo.

Przykłady niezgodności

Film nie ma odpowiednich napisów ani transkrypcji.
Ważna akcja widoczna w obrazie nie jest opisana w dźwięku.

1.2.5Audiodeskrypcja (nagranie)AA

Nagrania wideo muszą zawierać audiodeskrypcję ważnych informacji wizualnych, których nie przekazuje główna ścieżka dźwiękowa.

Przykłady niezgodności

Film nie ma odpowiednich napisów ani transkrypcji.
Ważna akcja widoczna w obrazie nie jest opisana w dźwięku.

1.2.6Język migowy (nagranie)AAA

Nagrania wideo z dźwiękiem muszą mieć tłumaczenie wszystkich informacji dźwiękowych na język migowy.

Przykłady niezgodności

Film nie ma odpowiednich napisów ani transkrypcji.
Ważna akcja widoczna w obrazie nie jest opisana w dźwięku.

1.2.7Rozszerzona audiodeskrypcjaAAA

Jeżeli przerwy w głównej ścieżce są zbyt krótkie, nagranie musi mieć wersję z dodatkowymi pauzami na rozszerzoną audiodeskrypcję.

Przykłady niezgodności

Film nie ma odpowiednich napisów ani transkrypcji.
Ważna akcja widoczna w obrazie nie jest opisana w dźwięku.

1.2.8Alternatywa dla multimediówAAA

Nagrania multimedialne oraz interaktywne materiały wideo muszą mieć pełną alternatywę tekstową opisującą wszystkie istotne informacje wizualne i dźwiękowe.

Przykłady niezgodności

Film nie ma odpowiednich napisów ani transkrypcji.
Ważna akcja widoczna w obrazie nie jest opisana w dźwięku.

1.2.9Tylko audio (na żywo)AAA

Dla treści audio transmitowanej na żywo trzeba zapewnić równoważną informację tekstową na żywo.

Przykłady niezgodności

Film nie ma odpowiednich napisów ani transkrypcji.
Ważna akcja widoczna w obrazie nie jest opisana w dźwięku.

1.3Możliwość adaptacji6

1.3.1Informacje i relacjeA

Informacje, struktura i relacje widoczne w prezentacji muszą być określone programowo albo dostępne w tekście.

Przykłady niezgodności

Relacje widoczne w układzie nie są zapisane semantycznie.
Treść traci sens po zmianie orientacji lub kolejności.

1.3.2Zrozumiała kolejnośćA

Jeśli kolejność treści wpływa na jej znaczenie, prawidłowa kolejność odczytu musi być możliwa do określenia programowo.

Przykłady niezgodności

Relacje widoczne w układzie nie są zapisane semantycznie.
Treść traci sens po zmianie orientacji lub kolejności.

1.3.3Właściwości zmysłoweA

Instrukcje nie mogą opierać się wyłącznie na cechach zmysłowych, takich jak kształt, kolor, rozmiar, położenie czy dźwięk.

Przykłady niezgodności

Relacje widoczne w układzie nie są zapisane semantycznie.
Treść traci sens po zmianie orientacji lub kolejności.

1.3.4OrientacjaAA

Treść nie może wymuszać wyłącznie orientacji pionowej albo poziomej, chyba że konkretna orientacja jest niezbędna.

Przykłady niezgodności

Relacje widoczne w układzie nie są zapisane semantycznie.
Treść traci sens po zmianie orientacji lub kolejności.

1.3.5Określenie przeznaczenia pólAA

Przeznaczenie pól zbierających typowe dane użytkownika musi być możliwe do określenia programowo.

Przykłady niezgodności

Relacje widoczne w układzie nie są zapisane semantycznie.
Treść traci sens po zmianie orientacji lub kolejności.

1.3.6Określenie przeznaczeniaAAA

Przeznaczenie elementów interfejsu, ikon i obszarów strony musi być możliwe do określenia programowo, aby wspierać personalizację.

Przykłady niezgodności

Relacje widoczne w układzie nie są zapisane semantycznie.
Treść traci sens po zmianie orientacji lub kolejności.

1.4Możliwość rozróżnienia13

1.4.1Użycie koloruA

Kolor nie może być jedynym sposobem przekazywania informacji, wskazywania działania, oczekiwania na odpowiedź ani rozróżniania elementów.

Przykłady niezgodności

Kolor lub kontrast jest jedynym albo zbyt słabym wyróżnikiem.
Powiększenie lub własne odstępy ukrywają tekst i kontrolki.

1.4.2Kontrola odtwarzania dźwiękuA

Dźwięk uruchamiany automatycznie na dłużej niż 3 sekundy musi dać się zatrzymać lub wyciszyć niezależnie od głośności systemu.

Przykłady niezgodności

Kolor lub kontrast jest jedynym albo zbyt słabym wyróżnikiem.
Powiększenie lub własne odstępy ukrywają tekst i kontrolki.

1.4.3Kontrast (minimum)AA

Tekst i obrazy tekstu muszą mieć kontrast co najmniej 4,5:1, a duży tekst co najmniej 3:1, z określonymi wyjątkami.

Przykłady niezgodności

Kolor lub kontrast jest jedynym albo zbyt słabym wyróżnikiem.
Powiększenie lub własne odstępy ukrywają tekst i kontrolki.

1.4.4Zmiana rozmiaru tekstuAA

Tekst, poza napisami i obrazami tekstu, musi dać się powiększyć do 200% bez utraty treści lub funkcjonalności.

Przykłady niezgodności

Kolor lub kontrast jest jedynym albo zbyt słabym wyróżnikiem.
Powiększenie lub własne odstępy ukrywają tekst i kontrolki.

1.4.5Obrazy tekstuAA

Jeśli daną prezentację można uzyskać za pomocą tekstu, należy użyć tekstu zamiast obrazu tekstu, z wyjątkiem sytuacji niezbędnych lub konfigurowalnych.

Przykłady niezgodności

Kolor lub kontrast jest jedynym albo zbyt słabym wyróżnikiem.
Powiększenie lub własne odstępy ukrywają tekst i kontrolki.

1.4.6Kontrast (wzmocniony)AAA

Tekst i obrazy tekstu muszą mieć kontrast co najmniej 7:1, a duży tekst co najmniej 4,5:1, z określonymi wyjątkami.

Przykłady niezgodności

Kolor lub kontrast jest jedynym albo zbyt słabym wyróżnikiem.
Powiększenie lub własne odstępy ukrywają tekst i kontrolki.

1.4.7Niska głośność tłaAAA

Nagrania mowy bez muzyki muszą nie mieć tła albo umożliwiać jego wyłączenie; w innych nagraniach tło powinno być co najmniej 20 dB cichsze od mowy.

Przykłady niezgodności

Kolor lub kontrast jest jedynym albo zbyt słabym wyróżnikiem.
Powiększenie lub własne odstępy ukrywają tekst i kontrolki.

1.4.8Prezentacja wizualnaAAA

Użytkownik musi móc dostosować kolory, szerokość wiersza, wyrównanie, interlinię i rozmiar tekstu, a tekst nie może wymagać poziomego przewijania w oknie pełnoekranowym.

Przykłady niezgodności

Kolor lub kontrast jest jedynym albo zbyt słabym wyróżnikiem.
Powiększenie lub własne odstępy ukrywają tekst i kontrolki.

1.4.9Obrazy tekstu (bez wyjątków)AAA

Obrazy tekstu są dozwolone tylko wtedy, gdy stanowią dekorację albo określona forma tekstu jest niezbędna dla przekazywanej informacji.

Przykłady niezgodności

Kolor lub kontrast jest jedynym albo zbyt słabym wyróżnikiem.
Powiększenie lub własne odstępy ukrywają tekst i kontrolki.

1.4.10Dopasowanie do ekranuAA

Treść musi dopasować się bez utraty informacji i funkcji oraz bez przewijania w dwóch kierunkach przy szerokości 320 CSS px lub wysokości 256 CSS px.

Przykłady niezgodności

Kolor lub kontrast jest jedynym albo zbyt słabym wyróżnikiem.
Powiększenie lub własne odstępy ukrywają tekst i kontrolki.

1.4.11Kontrast elementów nietekstowychAA

Ważne części kontrolek i grafik informacyjnych muszą mieć kontrast co najmniej 3:1 względem sąsiednich kolorów.

Przykłady niezgodności

Kolor lub kontrast jest jedynym albo zbyt słabym wyróżnikiem.
Powiększenie lub własne odstępy ukrywają tekst i kontrolki.

1.4.12Odstępy w tekścieAA

Treść i funkcje nie mogą zniknąć po zwiększeniu przez użytkownika odstępów między wierszami, akapitami, literami i słowami do wartości określonych w WCAG.

Przykłady niezgodności

Kolor lub kontrast jest jedynym albo zbyt słabym wyróżnikiem.
Powiększenie lub własne odstępy ukrywają tekst i kontrolki.

1.4.13Treść po najechaniu lub fokusieAA

Dodatkowa treść pojawiająca się po najechaniu lub fokusie musi dać się zamknąć, utrzymać po najechaniu i pozostać widoczna do czasu usunięcia wyzwalacza lub decyzji użytkownika.

Przykłady niezgodności

Kolor lub kontrast jest jedynym albo zbyt słabym wyróżnikiem.
Powiększenie lub własne odstępy ukrywają tekst i kontrolki.

02Funkcjonalność5 wytycznych

2.1Dostępność z klawiatury4

2.1.1KlawiaturaA

Wszystkie funkcje muszą być obsługiwane z klawiatury, chyba że wymagają ruchu zależnego od toru, a nie tylko punktów końcowych.

Przykłady niezgodności

Element można uruchomić myszą, ale nie klawiaturą.
Fokus zostaje uwięziony w widżecie lub oknie.

2.1.2Brak pułapki na klawiaturęA

Jeśli fokus można przenieść do komponentu klawiaturą, musi dać się go z niego wyprowadzić klawiaturą w standardowy lub opisany sposób.

Przykłady niezgodności

Element można uruchomić myszą, ale nie klawiaturą.
Fokus zostaje uwięziony w widżecie lub oknie.

2.1.3Klawiatura (bez wyjątków)AAA

Wszystkie funkcje muszą być dostępne z klawiatury bez wyjątków dla funkcji wymagających określonego toru ruchu.

Przykłady niezgodności

Element można uruchomić myszą, ale nie klawiaturą.
Fokus zostaje uwięziony w widżecie lub oknie.

2.1.4Jednoznakowe skróty klawiszoweA

Skrót uruchamiany pojedynczym znakiem musi dać się wyłączyć, zmienić albo działać tylko wtedy, gdy odpowiedni komponent ma fokus.

Przykłady niezgodności

Element można uruchomić myszą, ale nie klawiaturą.
Fokus zostaje uwięziony w widżecie lub oknie.

2.2Wystarczająco dużo czasu6

2.2.1Możliwość dostosowania czasuA

Limit czasu musi dać się wyłączyć, dostosować albo przedłużyć co najmniej dziesięciokrotnie, z wyjątkami dla czasu rzeczywistego, konieczności i limitów ponad 20 godzin.

Przykłady niezgodności

Sesja wygasa bez ostrzeżenia i usuwa wprowadzone dane.
Automatyczna treść porusza się bez mechanizmu zatrzymania.

2.2.2Pauza, zatrzymanie, ukrycieA

Ruchomą, migającą, przewijaną lub automatycznie aktualizowaną treść trzeba móc wstrzymać, zatrzymać, ukryć albo kontrolować jej częstotliwość, jeśli nie jest niezbędna.

Przykłady niezgodności

Sesja wygasa bez ostrzeżenia i usuwa wprowadzone dane.
Automatyczna treść porusza się bez mechanizmu zatrzymania.

2.2.3Brak ograniczeń czasowychAAA

Czas nie może być niezbędną częścią zdarzenia lub działania, z wyjątkiem nieinteraktywnych multimediów i zdarzeń czasu rzeczywistego.

Przykłady niezgodności

Sesja wygasa bez ostrzeżenia i usuwa wprowadzone dane.
Automatyczna treść porusza się bez mechanizmu zatrzymania.

2.2.4PrzerwaniaAAA

Użytkownik musi móc odroczyć lub wyłączyć przerwania, z wyjątkiem komunikatów dotyczących sytuacji awaryjnych.

Przykłady niezgodności

Sesja wygasa bez ostrzeżenia i usuwa wprowadzone dane.
Automatyczna treść porusza się bez mechanizmu zatrzymania.

2.2.5Ponowne uwierzytelnianieAAA

Po wygaśnięciu uwierzytelnienia użytkownik musi móc zalogować się ponownie i kontynuować działanie bez utraty danych.

Przykłady niezgodności

Sesja wygasa bez ostrzeżenia i usuwa wprowadzone dane.
Automatyczna treść porusza się bez mechanizmu zatrzymania.

2.2.6Limity czasuAAA

Użytkownik musi zostać ostrzeżony o okresie bezczynności, który może spowodować utratę danych, chyba że dane są zachowywane przez ponad 20 godzin.

Przykłady niezgodności

Sesja wygasa bez ostrzeżenia i usuwa wprowadzone dane.
Automatyczna treść porusza się bez mechanizmu zatrzymania.

2.3Ataki padaczki i reakcje fizyczne3

2.3.1Trzy błyski lub wartości poniżej proguA

Strona nie może zawierać niczego, co błyska więcej niż trzy razy na sekundę, chyba że błyski pozostają poniżej progów dla błysku ogólnego i czerwonego.

Przykłady niezgodności

Animacja błyska częściej niż dopuszcza kryterium.
Ruch po interakcji nie może zostać wyłączony.

2.3.2Trzy błyskiAAA

Strona nie może zawierać żadnych treści błyskających więcej niż trzy razy w ciągu jednej sekundy.

Przykłady niezgodności

Animacja błyska częściej niż dopuszcza kryterium.
Ruch po interakcji nie może zostać wyłączony.

2.3.3Animacja po interakcjiAAA

Animację ruchu wywołaną interakcją trzeba móc wyłączyć, chyba że jest niezbędna dla funkcji lub przekazywanej informacji.

Przykłady niezgodności

Animacja błyska częściej niż dopuszcza kryterium.
Ruch po interakcji nie może zostać wyłączony.

2.4Możliwość nawigacji13

2.4.1Możliwość pominięcia blokówA

Musi istnieć mechanizm pomijania bloków treści powtarzających się na wielu stronach, np. link przejścia do głównej treści.

Przykłady niezgodności

Brakuje sposobu pominięcia powtarzalnych bloków lub określenia miejsca.
Fokus ma złą kolejność, jest niewidoczny albo zasłonięty.

2.4.2Tytuły stronA

Każda strona internetowa musi mieć tytuł opisujący jej temat lub cel.

Przykłady niezgodności

Brakuje sposobu pominięcia powtarzalnych bloków lub określenia miejsca.
Fokus ma złą kolejność, jest niewidoczny albo zasłonięty.

2.4.3Kolejność fokusuA

Elementy otrzymujące fokus muszą być odwiedzane w kolejności zachowującej znaczenie i możliwość obsługi.

Przykłady niezgodności

Brakuje sposobu pominięcia powtarzalnych bloków lub określenia miejsca.
Fokus ma złą kolejność, jest niewidoczny albo zasłonięty.

2.4.4Cel linku (w kontekście)A

Cel każdego linku musi wynikać z jego tekstu albo z tekstu linku wraz z programowo określonym kontekstem, poza przypadkami niejednoznacznymi dla wszystkich.

Przykłady niezgodności

Brakuje sposobu pominięcia powtarzalnych bloków lub określenia miejsca.
Fokus ma złą kolejność, jest niewidoczny albo zasłonięty.

2.4.5Wiele sposobówAA

Do znalezienia strony w zbiorze stron musi być dostępny więcej niż jeden sposób, poza etapami procesu i jego wynikiem.

Przykłady niezgodności

Brakuje sposobu pominięcia powtarzalnych bloków lub określenia miejsca.
Fokus ma złą kolejność, jest niewidoczny albo zasłonięty.

2.4.6Nagłówki i etykietyAA

Nagłówki i etykiety muszą opisywać temat albo cel treści lub kontrolki.

Przykłady niezgodności

Brakuje sposobu pominięcia powtarzalnych bloków lub określenia miejsca.
Fokus ma złą kolejność, jest niewidoczny albo zasłonięty.

2.4.7Widoczny fokusAA

Każdy interaktywny element obsługiwany klawiaturą musi mieć widoczny wskaźnik fokusu.

Przykłady niezgodności

Brakuje sposobu pominięcia powtarzalnych bloków lub określenia miejsca.
Fokus ma złą kolejność, jest niewidoczny albo zasłonięty.

2.4.8LokalizacjaAAA

Użytkownik musi mieć dostęp do informacji o swoim położeniu w zbiorze stron, np. przez okruszki lub wskazanie bieżącej pozycji.

Przykłady niezgodności

Brakuje sposobu pominięcia powtarzalnych bloków lub określenia miejsca.
Fokus ma złą kolejność, jest niewidoczny albo zasłonięty.

2.4.9Cel linku (z samego linku)AAA

Cel każdego linku musi być możliwy do określenia na podstawie samego tekstu linku, poza przypadkami niejednoznacznymi dla wszystkich.

Przykłady niezgodności

Brakuje sposobu pominięcia powtarzalnych bloków lub określenia miejsca.
Fokus ma złą kolejność, jest niewidoczny albo zasłonięty.

2.4.10Nagłówki sekcjiAAA

Treść musi być podzielona na sekcje za pomocą nagłówków, chyba że nagłówki nie mają zastosowania.

Przykłady niezgodności

Brakuje sposobu pominięcia powtarzalnych bloków lub określenia miejsca.
Fokus ma złą kolejność, jest niewidoczny albo zasłonięty.

2.4.11Fokus bez zasłonięcia (minimum)AA2.2

Gdy element otrzymuje fokus klawiatury, nie może być całkowicie zasłonięty przez treść utworzoną przez autora.

Przykłady niezgodności

Brakuje sposobu pominięcia powtarzalnych bloków lub określenia miejsca.
Fokus ma złą kolejność, jest niewidoczny albo zasłonięty.

2.4.12Fokus bez zasłonięcia (rozszerzony)AAA2.2

Gdy element otrzymuje fokus klawiatury, żadna jego część nie może być zasłonięta przez treść utworzoną przez autora.

Przykłady niezgodności

Brakuje sposobu pominięcia powtarzalnych bloków lub określenia miejsca.
Fokus ma złą kolejność, jest niewidoczny albo zasłonięty.

2.4.13Wygląd fokusuAAA2.2

Wskaźnik fokusu musi mieć obszar co najmniej równoważny obwodowi 2 CSS px i kontrast zmiany co najmniej 3:1.

Przykłady niezgodności

Brakuje sposobu pominięcia powtarzalnych bloków lub określenia miejsca.
Fokus ma złą kolejność, jest niewidoczny albo zasłonięty.

2.5Sposoby wprowadzania danych8

2.5.1Gesty dotykoweA

Funkcje wymagające gestu wielopunktowego lub opartego na określonej ścieżce muszą działać także za pomocą prostego gestu jednopunktowego, jeśli złożony gest nie jest niezbędny.

Przykłady niezgodności

Funkcja wymaga precyzyjnego gestu lub przeciągania bez alternatywy.
Cel dotykowy jest zbyt mały albo jego nazwa nie zgadza się z etykietą.

2.5.2Rezygnacja ze wskazaniaA

Funkcja obsługiwana wskaźnikiem nie może być wykonywana wyłącznie po naciśnięciu; musi dać się anulować, cofnąć lub zakończyć po zwolnieniu, z wyjątkami dla funkcji niezbędnych.

Przykłady niezgodności

Funkcja wymaga precyzyjnego gestu lub przeciągania bez alternatywy.
Cel dotykowy jest zbyt mały albo jego nazwa nie zgadza się z etykietą.

2.5.3Etykieta w nazwieA

Dostępna nazwa kontrolki z widoczną etykietą powinna zawierać tekst tej etykiety, najlepiej na początku.

Przykłady niezgodności

Funkcja wymaga precyzyjnego gestu lub przeciągania bez alternatywy.
Cel dotykowy jest zbyt mały albo jego nazwa nie zgadza się z etykietą.

2.5.4Aktywowanie ruchemA

Funkcję uruchamianą ruchem urządzenia lub użytkownika musi dać się obsłużyć także kontrolką i wyłączyć reagowanie na ruch, jeśli ruch nie jest niezbędny.

Przykłady niezgodności

Funkcja wymaga precyzyjnego gestu lub przeciągania bez alternatywy.
Cel dotykowy jest zbyt mały albo jego nazwa nie zgadza się z etykietą.

2.5.5Rozmiar celu (rozszerzony)AAA

Cel wskaźnika musi mieć co najmniej 44 na 44 CSS px, z wyjątkami m.in. dla celów równoważnych, osadzonych w tekście i niezbędnych.

Przykłady niezgodności

Funkcja wymaga precyzyjnego gestu lub przeciągania bez alternatywy.
Cel dotykowy jest zbyt mały albo jego nazwa nie zgadza się z etykietą.

2.5.6Równoległe mechanizmy wprowadzaniaAAA

Treść nie może ograniczać sposobu wprowadzania danych do jednej modalności, chyba że takie ograniczenie jest niezbędne, zapewnia bezpieczeństwo albo respektuje ustawienia użytkownika.

Przykłady niezgodności

Funkcja wymaga precyzyjnego gestu lub przeciągania bez alternatywy.
Cel dotykowy jest zbyt mały albo jego nazwa nie zgadza się z etykietą.

2.5.7Ruchy przeciąganiaAA2.2

Każdą funkcję wymagającą przeciągania trzeba móc wykonać bez przeciągania za pomocą pojedynczego wskaźnika, chyba że przeciąganie jest niezbędne.

Przykłady niezgodności

Funkcja wymaga precyzyjnego gestu lub przeciągania bez alternatywy.
Cel dotykowy jest zbyt mały albo jego nazwa nie zgadza się z etykietą.

2.5.8Rozmiar celu (minimum)AA2.2

Cel wskaźnika musi mieć co najmniej 24 na 24 CSS px albo wystarczający odstęp od innych celów, z określonymi wyjątkami.

Przykłady niezgodności

Funkcja wymaga precyzyjnego gestu lub przeciągania bez alternatywy.
Cel dotykowy jest zbyt mały albo jego nazwa nie zgadza się z etykietą.

03Zrozumiałość3 wytycznych

3.1Możliwość odczytania6

3.1.1Język stronyA

Domyślny język każdej strony musi być możliwy do określenia programowo.

Przykłady niezgodności

Język strony lub fragmentu nie jest określony w kodzie.
Trudne słowo, skrót lub wymowa nie mają objaśnienia.

3.1.2Język częściAA

Język każdego fragmentu lub wyrażenia różniącego się od języka strony musi być możliwy do określenia programowo, poza nazwami własnymi, terminami technicznymi i podobnymi wyjątkami.

Przykłady niezgodności

Język strony lub fragmentu nie jest określony w kodzie.
Trudne słowo, skrót lub wymowa nie mają objaśnienia.

3.1.3Nietypowe słowaAAA

Musi być dostępny mechanizm wyjaśniania słów użytych w nietypowy lub ograniczony sposób, w tym idiomów i żargonu.

Przykłady niezgodności

Język strony lub fragmentu nie jest określony w kodzie.
Trudne słowo, skrót lub wymowa nie mają objaśnienia.

3.1.4SkrótyAAA

Musi być dostępny mechanizm rozwijania skrótów lub wyjaśniania ich znaczenia.

Przykłady niezgodności

Język strony lub fragmentu nie jest określony w kodzie.
Trudne słowo, skrót lub wymowa nie mają objaśnienia.

3.1.5Poziom umiejętności czytaniaAAA

Jeśli tekst wymaga umiejętności czytania wyższych niż niższy poziom szkoły średniej, trzeba zapewnić treść uzupełniającą lub prostszą wersję.

Przykłady niezgodności

Język strony lub fragmentu nie jest określony w kodzie.
Trudne słowo, skrót lub wymowa nie mają objaśnienia.

3.1.6WymowaAAA

Gdy wymowa słowa jest konieczna do zrozumienia jego znaczenia, musi być dostępny mechanizm podający wymowę.

Przykłady niezgodności

Język strony lub fragmentu nie jest określony w kodzie.
Trudne słowo, skrót lub wymowa nie mają objaśnienia.

3.2Przewidywalność6

3.2.1Po otrzymaniu fokusuA

Samo otrzymanie fokusu przez komponent nie może powodować zmiany kontekstu.

Przykłady niezgodności

Samo ustawienie fokusu niespodziewanie otwiera inną stronę.
Ta sama funkcja ma różne nazwy lub położenie na kolejnych stronach.

3.2.2Podczas wprowadzania danychA

Zmiana ustawienia kontrolki nie może automatycznie powodować zmiany kontekstu, chyba że użytkownik został o tym uprzedzony.

Przykłady niezgodności

Samo ustawienie fokusu niespodziewanie otwiera inną stronę.
Ta sama funkcja ma różne nazwy lub położenie na kolejnych stronach.

3.2.3Spójna nawigacjaAA

Mechanizmy nawigacyjne powtarzane na wielu stronach muszą pojawiać się w tej samej względnej kolejności, chyba że użytkownik ją zmieni.

Przykłady niezgodności

Samo ustawienie fokusu niespodziewanie otwiera inną stronę.
Ta sama funkcja ma różne nazwy lub położenie na kolejnych stronach.

3.2.4Spójna identyfikacjaAA

Komponenty o tej samej funkcji w zestawie stron muszą być identyfikowane w spójny sposób.

Przykłady niezgodności

Samo ustawienie fokusu niespodziewanie otwiera inną stronę.
Ta sama funkcja ma różne nazwy lub położenie na kolejnych stronach.

3.2.5Zmiana na żądanieAAA

Zmiana kontekstu może następować tylko na żądanie użytkownika albo musi istnieć mechanizm wyłączenia zmian automatycznych.

Przykłady niezgodności

Samo ustawienie fokusu niespodziewanie otwiera inną stronę.
Ta sama funkcja ma różne nazwy lub położenie na kolejnych stronach.

3.2.6Spójna pomocA2.2

Mechanizmy pomocy powtarzane na wielu stronach muszą występować w tej samej względnej kolejności, chyba że użytkownik ją zmieni.

Przykłady niezgodności

Samo ustawienie fokusu niespodziewanie otwiera inną stronę.
Ta sama funkcja ma różne nazwy lub położenie na kolejnych stronach.

3.3Pomoc przy wprowadzaniu danych9

3.3.1Identyfikacja błęduA

Automatycznie wykryty błąd musi wskazywać błędny element, a opis błędu trzeba przekazać użytkownikowi w tekście.

Przykłady niezgodności

Błąd nie wskazuje pola, przyczyny ani sposobu poprawy.
Użytkownik musi ponownie wpisywać dane lub rozwiązywać test pamięciowy.

3.3.2Etykiety lub instrukcjeA

Pola wymagające danych od użytkownika muszą mieć odpowiednie etykiety lub instrukcje.

Przykłady niezgodności

Błąd nie wskazuje pola, przyczyny ani sposobu poprawy.
Użytkownik musi ponownie wpisywać dane lub rozwiązywać test pamięciowy.

3.3.3Sugestie korekty błędówAA

Jeśli błąd jest automatycznie wykrywany i znany jest sposób jego poprawy, użytkownik musi otrzymać sugestię, o ile nie zagraża ona bezpieczeństwu ani celowi treści.

Przykłady niezgodności

Błąd nie wskazuje pola, przyczyny ani sposobu poprawy.
Użytkownik musi ponownie wpisywać dane lub rozwiązywać test pamięciowy.

3.3.4Zapobieganie błędomAA

Przy zobowiązaniach prawnych i finansowych, zmianie danych lub odpowiedzi testowej użytkownik musi móc odwrócić, sprawdzić albo potwierdzić operację przed wysłaniem.

Przykłady niezgodności

Błąd nie wskazuje pola, przyczyny ani sposobu poprawy.
Użytkownik musi ponownie wpisywać dane lub rozwiązywać test pamięciowy.

3.3.5PomocAAA

Musi być dostępna pomoc zależna od kontekstu.

Przykłady niezgodności

Błąd nie wskazuje pola, przyczyny ani sposobu poprawy.
Użytkownik musi ponownie wpisywać dane lub rozwiązywać test pamięciowy.

3.3.6Zapobieganie błędom (wszystkie)AAA

Przy każdym formularzu przesyłającym dane użytkownik musi móc odwrócić, sprawdzić albo przejrzeć i potwierdzić informacje przed wysłaniem.

Przykłady niezgodności

Błąd nie wskazuje pola, przyczyny ani sposobu poprawy.
Użytkownik musi ponownie wpisywać dane lub rozwiązywać test pamięciowy.

3.3.7Nadmiarowe wprowadzanie danychA2.2

Informacji wcześniej podanych lub udostępnionych w tym samym procesie nie wolno wymagać ponownie; trzeba je wypełnić automatycznie albo umożliwić wybór, z wyjątkami dla konieczności i bezpieczeństwa.

Przykłady niezgodności

Błąd nie wskazuje pola, przyczyny ani sposobu poprawy.
Użytkownik musi ponownie wpisywać dane lub rozwiązywać test pamięciowy.

3.3.8Dostępne uwierzytelnianie (minimum)AA2.2

Proces logowania nie może wymagać testu funkcji poznawczych, chyba że zapewnia alternatywę, pomoc w wykonaniu testu albo test oparty na rozpoznawaniu obiektów lub osobistych treści.

Przykłady niezgodności

Błąd nie wskazuje pola, przyczyny ani sposobu poprawy.
Użytkownik musi ponownie wpisywać dane lub rozwiązywać test pamięciowy.

3.3.9Dostępne uwierzytelnianie (rozszerzone)AAA2.2

Proces logowania nie może wymagać testu funkcji poznawczych; dopuszczalna jest tylko alternatywa lub pomoc w wykonaniu takiego testu.

Przykłady niezgodności

Błąd nie wskazuje pola, przyczyny ani sposobu poprawy.
Użytkownik musi ponownie wpisywać dane lub rozwiązywać test pamięciowy.

04Solidność1 wytycznych

4.1Kompatybilność2

4.1.2Nazwa, rola, wartośćA

Nazwa i rola każdego komponentu interfejsu muszą być możliwe do określenia programowo, a jego stany, właściwości i wartości muszą być dostępne dla technologii asystujących.

Przykłady niezgodności

Własna kontrolka nie przekazuje nazwy, roli lub stanu.
Komunikat o wyniku pojawia się wizualnie, ale nie jest ogłaszany.

4.1.3Komunikaty o stanieAA

Komunikaty o stanie muszą być możliwe do określenia programowo, aby technologie asystujące mogły je ogłosić bez przenoszenia fokusu.

Przykłady niezgodności

Własna kontrolka nie przekazuje nazwy, roli lub stanu.
Komunikat o wyniku pojawia się wizualnie, ale nie jest ogłaszany.