aria-modal не поддерживается в JAWS 18

Question

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

https://www.w3.org/TR/wai-aria-practices/examples/dialog-modal/dialog.html

В нем говорится, что использование aria-modal = "true" не позволит программам чтения с экрана читать контент, который находится в фоновом режиме, но это не такРабота в версии JAWS 18 и работа в версии JAWS 19.

Вот так выглядит мой код:

У меня есть dialog.component.html

<div aria-modal="true">
model-contet goes here
</div>

СейчасЯ внедряю этот компонент <dialog></dialog> внутрь различных компонентов.Но он все еще продолжает читать содержимое ниже.

Answer 1

Ваш код правильный, но aria-modal пока не поддерживается.

На данный момент вы должны установить aria-hidden для элементов, которые не принадлежат диалогу. Если ваш код / ​​DOM можно расположить так, чтобы диалоговое окно являлось родным элементом вашего главного окна, это значительно упрощает настройку aria-hidden.

См. Мой ответ о фокусе, выходящей из модального режима сканирования