фокусировка выходит из модального режима сканирования - PullRequest
Новая
       16

фокусировка выходит из модального режима сканирования

0 голосов
/ 29 декабря 2018

Я пытаюсь исправить ошибку доступности для программы чтения с экрана в веб-приложении Angular2 (SAP).Проблема в РЕЖИМЕ СКАНИРОВАНИЯ с Edge, когда модал открыт и использует стрелки вверх и вниз для перемещения через фокусируемые элементы, при этом фокус перемещается в область за пределами модальной зоны.Тем не менее, в обычном режиме, если прокручивать элементы в модальном режиме, фокус никогда не выходит из модального.

Цель состоит в том, чтобы добиться того же опыта, что и в обычном режиме в режиме сканирования.

Вот структура модальных с другими компонентами, например, модальный является частью компонента A:

componentA.html 

<div>
<form>
</form>
<modal-window></modal-window>
</div>

Компонент A является телом html-страницы.HTML-страница также содержит другие компоненты, такие как компонент верхнего и нижнего колонтитула.Модал НЕ реализуется с помощью диалога, но div и использует переменную для контроля, должен ли div быть видимым или нет.

Каков правильный путь для достижения моей цели?

1 Ответ

0 голосов
/ 29 декабря 2018

Если вы сделаете ваше модальное окно «родным братом» вашей главной страницы, то вы можете добавить aria-hidden к главному окну, и это предотвратит перемещение клавиш со стрелками вверх / вниз за пределы модального окна..

Первоначально скрытое модальное окно: 

<body>
  <div>
    <!-- main page -->
  </div>
  <div style="display:none">
    <!-- modal window -->
  </div>
</body>

Видимое модальное окно 

<body>
  <div aria-hidden="true">
    <!-- main page -->
  </div>
  <div style="display:block">
    <!-- modal window -->
  </div>
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...