Я разрабатываю веб-страницу, которая показывает текстовое модальное всплывающее окно после нажатия кнопки на веб-странице. Вопрос заключается в следующем:
Рассказчик говорит aria-label для всплывающего окна, за которым следует «пустой документ», но всплывающее окно содержит абзац с информацией и изображение. Почему это происходит или ожидается?
NB. Эта проблема возникает только в Рассказчике, где Jaws и NVD A работают идеально.
Использование: Narrator (последнее обновление) и Edge (44.17763.1.0)
Кажется, проблема решена путем вставки пустого элемента span, но затем рассказчик дважды читает aria-label
<div aria-label ="Popup has been opened" aria-hidden="false">
<button aria-label="Close Button" aria-hidden="false"> X </button>
<div>
<img src=".."/>
</div>
<div>
<div>Some text</div>
</div>
</div>
Рассказчик говорит aria-label для всплывающего окна, за которым следует «пустой документ», но на самом деле он должен читать только aria-label, тогда пользователь может использовать клавиши со стрелками для чтения содержимого