Роли status, alert и log

Некоторые роли ARIA автоматически превращают элемент в живой регион и задают разумный уровень вежливости, поэтому Вам требуется меньше разметки.

Роль status обозначает регион, который обновляется в вежливом режиме. Она идеально подходит для ненавязчивых подтверждений, например сообщения о сохранении или копировании. 📋

Использование роли status — это сокращённая запись для aria-live со значением «вежливый». Вы получаете то же поведение с более ясным и семантичным намерением.

Роль alert настойчиво объявляет содержимое сразу после его появления. Используйте её, когда что-то требует внимания прямо сейчас. ⚠️

alert ведёт себя как aria-live со значением «настойчивый» плюс aria-atomic со значением true. Она прерывает текущее чтение и озвучивает весь текст как одно сообщение.

Роль log подходит для содержимого, в котором новые записи добавляются по порядку, например для чата или ленты действий. Она читает обновления в вежливом режиме.

log сообщает, что старые сообщения важны, а последовательность имеет значение, поэтому вспомогательная технология читает добавления в порядке их поступления.

Выбирайте status для ненавязчивого подтверждения, а alert — для проблемы. Сохранённый значок — это статус, а ошибка, блокирующая отправку формы, — предупреждение.

Чрезмерное использование роли alert заставляет всё прерывать работу и создаёт ощущение шума. Оставляйте её для настоящих ошибок и предупреждений, требующих срочного внимания.

Как и необработанные живые области, элемент с role status должен существовать до того, как Вы добавите в него текст, чтобы экранный диктор уже отслеживал его.

Помимо степени вежливости, эти роли описывают назначение области. Такая семантическая ясность помогает и пользователям экранных дикторов, и следующему разработчику.

Теперь Вы знаете, что status используется в вежливом тоне, alert — настойчиво, а log сохраняет упорядоченные потоки. Выбирайте роль, соответствующую важности обновления. ✅