Как сделать голос за кадром читать в соответствии с разделом заказа?

Question

У меня есть заголовок и навигация, а затем следующий раздел с ползунком.так как секция слайдера имеет aria-live, программы чтения с экрана читают содержимое слайдера напрямую.Когда я вкладываю навигационные ссылки меню, содержимое слайдера читается вслух и прерывается.

Answer 1

VoiceOver уже читает в порядке DOM. Если у вас есть aria-live в элементе, и вы обновляете этот элемент, вы говорите VoiceOver прочитать содержимое этого элемента. В этом весь смысл aria-live.

Я предполагаю, что под "ползунком" вы подразумеваете что-то вроде карусели, а не что-то вроде:

<input type="range" min="1" max="100" value="50">

Когда карусель вращается в новом контенте, в зависимости от того, как он реализован, это может привести к обновлению DOM и запуску aria-live. Тем не менее, большинство каруселей уже имеют все элементы и просто скрывают / скрывают их при просмотре. Отображение элемента не вызывает область aria-live.

Если у вас есть карусель, которая автоматически поворачивает содержимое, вам понадобится кнопка паузы, чтобы остановить карусель, иначе вы нарушите WCAG 2.2.2 Пауза, Стоп, Скрыть