Co mówi norma
W treści zaimplementowanej przy użyciu języków znaczników komunikaty o stanie mogą być programowo określone poprzez rolę lub właściwości, tak aby mogły być przedstawione użytkownikowi przez technologie wspomagające bez otrzymywania fokusu.
Dlaczego to ma znaczenie
„Dodano do koszyka”, które pojawia się tylko na ekranie, jest dla osoby z czytnikiem ekranu ciszą — i dodaje ona produkt drugi raz.
Jak wygląda błąd
- błądPowiadomienie wyświetlone bez regionu live.
- błąd„Znaleziono 3 wyniki” zaktualizowane po cichu po wyszukiwaniu.
- błądRegion live dodany do DOM w tej samej chwili co jego tekst, przez co nic nie zostaje ogłoszone.
Jak to naprawić
- róbUżyj `role="status"` (grzecznie) albo `role="alert"` (stanowczo) dla rzeczy pilnych.
- róbNajpierw wyrenderuj pusty region live, potem wpisz do niego tekst.
- róbNie nadużywaj `alert` — on przerywa.
Jak sprawdza to A11ySignal
ręcznie
Żadna automatyczna reguła nie osądzi tego kryterium i nie będziemy udawać inaczej. Czyste skanowanie nie oznacza, że 4.1.3 jest spełnione — oznacza, że nic mierzalnego nie zawiodło. Tu potrzebny jest człowiek.