Объявляется ли aria role="alert" при загрузке страницы?

Будет ли контент с role = "alert" объявляться программами чтения с экрана при загрузке страницы?

Я видел противоречивые советы от MDN по этому поводу.

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Alert_Role гласит:

[T] роль предупреждения заключается в том, что оно предназначено для динамического содержимого ... если страница загружается с несколькими видимыми предупреждениями, разбросанными повсюду, ни одно из них не будет прочитано, потому что они не запускаются динамически.

В то время как на другой странице указано, что ее можно использовать со статическим контентом:

Пример 1: Добавление роли в HTML-код

Фрагмент ниже показывает, как роль оповещения добавляется непосредственно в исходный HTML-код. В тот момент, когда элемент заканчивает загрузку средства чтения с экрана, должно быть уведомлено предупреждение. Если элемент уже был в исходном коде при загрузке страницы, программа чтения с экрана сообщит об ошибке сразу после объявления заголовка страницы.

Можно/должна ли роль оповещения использоваться для статического контента или только для активных регионов?

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
5
0
1 238
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я обнаружил, что это не надежно считывается. Некоторые программы чтения с экрана зачитывают предупреждение, а другие нет. Мы частично решили эту проблему, также переместив фокус на элемент с включенным role="alert", так как это также часто является триггером для считывания элемента. Также имеет смысл, что если страница перезагружается и сообщение зачитывается, пользователь будет ожидать, что его внимание будет сосредоточено на этом сообщении.

Этот codepen весьма полезен для демонстрации влияния использования role=alert различными способами: codepen.io/vloux/full/JOwxmO

В репозитории aria Github есть обсуждение добавления нового свойства, которое читается при загрузке страницы. Независимо от того, сделано это или нет (есть некоторые разногласия), определенно существует пробел в том, каким должно быть поведение, и это необходимо определить.

Другие вопросы по теме