Влияет ли удаление атрибута tabindex = '-1' также на веб-доступ, когда отображается модальное окно?

Question

Является ли проблемой доступности добавление атрибута tabindex = '-1' только в том случае, если модальное окно не открыто, и удаление атрибута tabindex при открытии модального окна? Естественно, я снова добавлю свойство tabindex = '-1', если модальное окно снова закрыто и не открыто. Я думаю, что нет проблем с доступом к вкладке клавиатуры таким образом. Есть ли другая проблема?

Answer 1

Если вы делаете это для того, чтобы люди не могли получить доступ к модалу, когда он не активен, нет ничего плохого в том, что вы делаете. Вы можете безопасно добавлять и удалять атрибут tabindex на элементах, и программа для чтения с экрана справится с этим очень хорошо.

Однако я бы порекомендовал также добавить aria-hidden="true" к модальному одновременно.

Это сделано для того, чтобы пользователи программы чтения с экрана не переходили на h1-h6 (например) в модальном режиме, поскольку пользователи программы чтения с экрана также перемещаются по элементам без фокусировки, используя ярлыки в программном обеспечении для чтения с экрана.

Не забудьте переключить его на aria-hidden="false", когда модал активен!

В этом случае вы небезопасны для удаления атрибута , вы должны переключить его между false и true, иначе у вас возникнут проблемы с доступностью программы чтения с экрана.