Role status, alert i log

Niektóre role ARIA automatycznie przekształcają element w live region i ustawiają rozsądny poziom uprzejmości, dzięki czemu trzeba pisać mniej znaczników.

Rola status oznacza region, który aktualizuje się w sposób uprzejmy. Doskonale nadaje się do dyskretnych potwierdzeń, takich jak komunikat o zapisaniu lub skopiowaniu. 📋

Użycie role status jest skrótem dla aria-live ustawionego na polite. Otrzymujesz to samo zachowanie przy bardziej przejrzystej i semantycznej intencji.

Rola alert ogłasza treść asertywnie natychmiast po jej pojawieniu się. Sięgaj po nią, gdy coś wymaga natychmiastowej uwagi. ⚠️

alert działa jak aria-live assertive wraz z aria-atomic true. Przerywa bieżący odczyt i odczytuje cały tekst jako jeden komunikat.

Rola log pasuje do treści, do których nowe wpisy są dodawane w kolejności, na przykład w wątku czatu lub kanale aktywności. Są one odczytywane w sposób uprzejmy.

log sygnalizuje, że starsze komunikaty są ważne, a kolejność ma znaczenie, dlatego technologie asystujące odczytują nowe wpisy w kolejności ich pojawiania się.

Wybierz rolę status do łagodnego potwierdzenia, a rolę alert do zgłoszenia problemu. Odznaka informująca o zapisaniu to status, a błąd blokujący formularz to alert.

Nadużywanie roli alert sprawia, że wszystko przerywa pracę i staje się irytujące. Należy rezerwować ją dla rzeczywistych błędów i ostrzeżeń wymagających szybkiej reakcji.

Podobnie jak w przypadku surowych live regionów, element z rolą status powinien istnieć, zanim wstawisz do niego tekst, aby czytnik ekranu już go obserwował.

Oprócz określania sposobu komunikowania te role opisują, czym jest dany obszar. Ta semantyczna jasność pomaga zarówno użytkownikom czytników ekranu, jak i kolejnym osobom rozwijającym kod.

Wiesz już, że status służy do uprzejmych komunikatów, alert jest stanowczy, a log przechowuje uporządkowane strumienie. Wybieraj rolę odpowiednią do wagi aktualizacji. ✅