Меню с вкладками Jquery не работает должным образом с программой чтения с экрана VoiceOver на MAC

У меня есть базовое меню с вкладками, созданное с помощью Jquery. Содержимое с вкладками представляет собой список ссылок, отображаемых в формате html.

Если навести курсор на вкладку, отобразится информация. Если вы используете приложение VoiceOver и клавиатуру, в заголовке вкладки отображается состояние наведения, но содержимое отображаться не будет.

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

У кого-нибудь есть ресурсы по этому поводу? Нужно ли нам добавлять состояние щелчка в меню с вкладками вместо наведения? Мне сказали, что скринридеры плохо работают с всплывающими меню.

Любая помощь будет приветствоваться.

Заранее спасибо!


jquery voiceover screen-readers
person user1689274    schedule 06.06.2016    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Когда вы достигаете ссылки с VoiceOver (будет серебристый контур, и VoiceOver прочитает содержимое), браузер запускает событие фокуса.

Захватите onFocus или onFocusIn для этой вкладки. Если вы поддерживаете пользователей настольных компьютеров, это также будет полезно для пользователей, использующих только клавиатуру.

Кроме того, убедитесь, что ваши вкладки имеют значение role="tab" и родительский элемент с role="tabgroup". быть сбитым с толку. Если это ссылки, VO читает «О нас, ссылка, дважды нажмите на ...», и пользователь предполагает, что он переходит на новую страницу, и будет ждать звука «новая страница загружена». Если это вкладки, VO читает «О нас, вкладка, 5 из 6, дважды нажмите, чтобы…», и пользователь понимает, что есть вкладка, панель вкладок где-то существует и где они находятся в списке вкладок.

person Juli    schedule 07.06.2016