Навигация VoiceOver не работает на панелях вкладок, если оболочка имеет метку aria

Недавно я заметил очень странную проблему с веб-навигацией VoiceOver на вкладках и панелях вкладок. В частности, если оболочка, охватывающая вкладки и панели вкладок, имеет атрибут aria-label, то навигация VoiceOver не может перейти к панели вкладок при переключении вкладок.

Проблему трудно описать словами, поэтому я создал эту скрипку для демонстрации. Обратите внимание, что div внешней оболочки имеет aria-label="Wrapper". Ниже приведены шаги по воссозданию проблемы:

  1. Запустите jsFiddle, чтобы загрузить область результатов.
  2. Перейдите к одной из кнопок вкладки с помощью мыши или клавиатуры.
  3. Активируйте VoiceOver.
  4. Используйте VO + Right Arrow, чтобы попытаться перейти к содержимому панели вкладок, это должно сработать.
  5. Используйте VO + Left Arrow, чтобы вернуться ко второй вкладке, нажмите VO + Space, чтобы активировать вкладку.
  6. Теперь, используя VO + Right Arrow, попробуйте перейти на новую панель вкладок. Это не удастся.

После описанных выше шагов переключение между вкладками не решает проблему, вы вообще не можете перейти к панели. Но если вы удалите aria-label="Wrapper" из div-оболочки, все снова заработает.

Кто-нибудь, знакомый с VoiceOver и WAI-ARIA, знает, в чем может быть проблема?


macos html accessibility voiceover wai-aria
person Xavier_Ex    schedule 15.01.2014    source источник
comment
Вы пробовали это с включенной закадровым голосом при запуске Safari? У меня нет проблем с вашим образцом на iOS с использованием Voiceover или Windows с Firefox, использующим Jaws 15 в качестве средства чтения с экрана, так что это похоже на OSX. Вы можете попробовать написать по адресу [email protected], чтобы сообщить об ошибке.   -  person Jared    schedule 16.01.2014
comment
@Jared спасибо за комментарий, я пробовал с другими браузерами (Chrome, Safari, FF) и, как ни странно, у FF 26.0 не было проблем с этим. Я не уверен, винить ли мне VoiceOver, браузеры или себя ...   -  person Xavier_Ex    schedule 16.01.2014
comment
Только что обнаружил это сам. Получилось ли у вас что-нибудь с этим?   -  person Phil    schedule 03.03.2015
comment
@Phil Это было некоторое время назад, поэтому я не мог вспомнить, что именно я сделал. Однако я совершенно уверен, что решил, что это проблема, связанная с OSX VoiceOver, и не мог ее обойти. Это может быть связано с тем, как VoiceOver обрабатывает динамический контент, вводимый на страницу, поэтому я бы посоветовал посмотреть, как показать / скрыть содержимое, не удаляя его полностью (например, с помощью display: none).   -  person Xavier_Ex    schedule 03.03.2015
comment
Спасибо. Я изучил это подробнее и, похоже, не нашел ничего, кроме ошибки. Я отправил отчет об ошибке в Apple. Я дам вам знать, куда это идет (вероятно, никуда).   -  person Phil    schedule 04.03.2015

Ответы (1)


arrow_upward
1
arrow_downward

Если две вкладки содержат только строки «Панель вкладок 1» и «панель вкладок 2», проблема, по-видимому, устранена. Протестировано с OS X 10.11.1.

Да, я знаю, что вопрос довольно старый, но я добавляю свой ответ для справки в будущем, на всякий случай! :-)

person user3075898    schedule 26.10.2015