Проблема доступности с всплывающими окнами и aria-live
У меня есть сообщение об ошибке, в котором я использую aria-live = вежливо. Объявлено о первой ошибке. Во второй раз он снова объявляет, открываю ли я всплывающее окно на той же странице, и на этой странице произошла ошибка.
<div aria-live = "polite">
<error-message-component></error-message-component>
</div>
Я не могу понять, почему это происходит, поскольку это уже было объявлено пользователю, а содержимое всплывающего окна имеет aria-hidden="true"
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Значит проблема в том, что сообщение об ошибке (aria-live) объявляется дважды? Ожидается первый раз, но если вы откроете всплывающее окно, оно будет объявлено во второй раз?
Если вы указываете Толькоaria-live = "polite", а нет указываете aria-relevant, то это означает, что регион aria-live должен объявляться каждый раз, когда вы изменяете текст (добавляете, удаляете или изменяете текст) в <div> (или любом из его дочерних элементов DOM) , или если у вас добавлять дочерние элементы DOM (но не Удалить дочерние элементы DOM).
Таким образом, вы должны подтвердить, что при отображении всплывающего окна в ваш регион aria-live не добавляются дочерние узлы DOM и что текст в регионе aria-live не изменяется.
Также проверьте, ссылается ли ваше всплывающее окно на регион aria-live. Если что-то в вашем всплывающем окне имеет aria-labelledby или aria-describedby, указывающее на регион aria-live, то регион aria-live будет объявлен как часть всплывающего окна.
Я думаю, что это происходит из-за того, что я добавляю атрибут aria-hidden в регион aria-live. Может ли это быть проблемой. Есть ли способ решить это?
добавление атрибута aria-hidden к живому региону не приведет к чтению живого региона. без фактического кода трудно понять, в чем проблема
Я нашел проблему, я думаю. Внутри моего компонента <error-message-component> был tabindex. В тот момент, когда я удалил tabindex, он начал работать. Но я не могу понять, как это могло произойти из-за tabindex 0
Добавление tabindex = "0" не приведет к автоматическому объявлению активного региона. Это будет позволяет пользователю использовать TAB для перехода к активной области, и в этот момент она будет объявлена, потому что она имеет текущий фокус клавиатуры.
Какой программой чтения с экрана вы пользуетесь? Согласуется ли это между разными программами чтения с экрана?