Sprawdź swoją wiedzę

Kryterium sukcesu: 4.1.3 Komunikaty o statusie (poziom AA)

Uwaga: SC 4.1.3 dotyczy komunikatów o stanie, które pojawiają się bez zmiany kontekstu. Sam fakt, że coś „widać na ekranie”, nie wystarczy – czytnik musi móc to ogłosić (technika F103).
#1

Dodanie do koszyka

Kliknij „Dodaj do koszyka”. Sprawdź, czy komunikat sukcesu jest ogłaszany programowo.

Produkt A Koszyk: 0
#2

Filtrowanie
listy produktów

Kliknij „Filtruj”. Lista zmienia się wizualnie – czy użytkownik czytnika dostaje podsumowanie wyniku?

  • Produkt 1 (Dostępny)
  • Produkt 2 (Niedostępny)
  • Produkt 3 (Dostępny)
#3

Potwierdzenie zapisu

Kliknij „Zapisz zmiany”. W DevTools sprawdź, jak ukryty jest kontener z role="status".

#4

Wysłanie formularza kontaktowego

Wyślij formularz. Obserwuj, kiedy w DOM pojawia się element z aria-live – jednocześnie z tekstem czy wcześniej?

#5

Zapis preferencji konta

Zapisz preferencje. Fokus powinien zostać na przycisku; komunikat ma być ogłoszony przez istniejący region live.

#6

Walidacja numeru PESEL

Zostaw pole puste i kliknij „Dalej”. Fokus przenosi się na pole z błędem – oceń, czy to łamie 4.1.3.

PESEL musi składać się z 11 cyfr.