Программа чтения с экрана не интерпретирует навигацию по вкладкам?

Question

Программа чтения с экрана не интерпретирует навигацию по вкладкам?

0

У меня есть всплывающее окно, которое я включил с помощью tabindex=0 с помощью tabindex=0. Когда я взаимодействую со страницей без программы чтения с экрана, я могу использовать клавишу табуляции, чтобы перемещаться между окном и элементами формы, которые он содержит.

Когда я использую свой клиент для чтения с экрана (Window Eyes 8.4) для просмотра моего веб-сайта, я не могу последовательно вставлять его в окно.

Существуют ли какие-либо особые случаи с структурой кода, которые я должен учитывать, что приведет к тому, что окно либо потеряет фокус, либо не позволит интерпретатору экрана отображать разметку всплывающего окна?

Для справки - я нахожусь в веб-приложении ASP.NET MVC4 (страница HTML/CSS/JS), которая генерирует всплывающее окно с окном Kendo UI [Kendo].

Zach B 13 март 2014, в 22:00

Источник

0

Является ли «всплывающее» окно фактически отдельным окном браузера, или это всплывающий элемент, который является частью страницы, но находится над ним?
AlastairC 16 март 2014, в 18:04
0

Это div, который отображается: нет; когда DOM загружается, но отображается после события щелчка. Он построен как модальное окно с фреймворком Kendo UI. Странно то, что он работает правильно с другими программами чтения с экрана (например, JAWS). Элемент живет в нижней части разметки при построении.
Zach B 17 март 2014, в 00:27
0

ваш лучший шанс найти решение, вероятно, состоит в том, чтобы создать демо-версию и затем обратиться к разработчику Window Eyes (учитывая, что он работает с другой программой для чтения с экрана); как только они выявят проблему, вы можете найти способ ее исправить (или, возможно, обратиться к Telerik для этого); трудно воспроизвести проблему без демонстрации, а также трудно не ознакомиться с требованиями к доступности;
Lars Höppner 18 март 2014, в 01:52
0

Спасибо за рекомендацию. Похоже, это то, что я должен был сделать некоторое время назад. Я работаю в довольно сложном веб-приложении ASP.NET MVC, и периодически возникающие проблемы трудно воспроизвести. Однако, если вы попытаетесь обмануть сценарий, вам будет легче разобраться с основной причиной проблемы.
Zach B 18 март 2014, в 06:13

Показать ещё 2 комментария

Теги:

javascript

html

accessibility

kendo-ui

screen-readers

2 ответа

Ещё вопросы

Является ли «всплывающее» окно фактически отдельным окном браузера, или это всплывающий элемент, который является частью страницы, но находится над ним?
Это div, который отображается: нет; когда DOM загружается, но отображается после события щелчка. Он построен как модальное окно с фреймворком Kendo UI. Странно то, что он работает правильно с другими программами чтения с экрана (например, JAWS). Элемент живет в нижней части разметки при построении.
ваш лучший шанс найти решение, вероятно, состоит в том, чтобы создать демо-версию и затем обратиться к разработчику Window Eyes (учитывая, что он работает с другой программой для чтения с экрана); как только они выявят проблему, вы можете найти способ ее исправить (или, возможно, обратиться к Telerik для этого); трудно воспроизвести проблему без демонстрации, а также трудно не ознакомиться с требованиями к доступности;
Спасибо за рекомендацию. Похоже, это то, что я должен был сделать некоторое время назад. Я работаю в довольно сложном веб-приложении ASP.NET MVC, и периодически возникающие проблемы трудно воспроизвести. Однако, если вы попытаетесь обмануть сценарий, вам будет легче разобраться с основной причиной проблемы.

AlastairC · Answer 1 · 2014-03-18T19-56-00.000Z

Трудно ответить без демонстрации, но есть несколько областей для расследования.

Я сделал страницу о требованиях к доступности для всплывающего окна, основанного на контенте, то есть не являющегося формой. Это также включает в себя код о том, как управлять фокусом.

Если всплывающее окно по существу основано на форме, вы можете попробовать это в диалоговых окнах.

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

Спорадический характер проблемы может быть вызван тем, что читатели экрана, как правило, не читают то, что display:none, а табуляция на что-то, что его там нет, может не срабатывать надежно.

Если вы можете опубликовать пример, я могу обновить этот ответ.

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

Zach B · Answer 2 · 2014-03-17T21-27-00.000Z

Обновление 03/17. Всплывающее окно периодически открывается анонсом устройства чтения с экрана в виде диалогового окна, но как только всплывающие нагрузки, я могу - иногда - вкладку в div, и фокус не теряется. Я не могу последовательно воспроизвести это и только обнаружил это после быстрого нажатия клавиши вкладок после нажатия кнопки, чтобы отобразить всплывающее окно.

С другой стороны (при быстром нажатии клавиши вкладки) фокус последовательно приземляется во всплывающем меню без фокусов (программа чтения с экрана объявляет "диалоговое окно Foo"), но при нажатии первой вкладки фокус переходит на основную страницу в последний элемент действия перед нижним колонтитулом. Нажав вкладку в это время, мы переместим меня в элемент UL нижнего колонтитула.