Jquery с вкладками меню не работает должным образом с VoiceOver Screen Reader на MAC
У меня есть основное меню с вкладками, построенное с помощью Jquery. Содержимое с вкладками представляет собой список ссылок, отображаемых через HTML.
Если вы наведете курсор на вкладку, появится информация. Если вы используете приложение VoiceOver и клавиатуру, заголовок вкладки показывает состояние при наведении, но содержимое не будет отображаться.
На этом этапе, если вы выключите voiceOver, контент будет отображаться.
У кого-нибудь есть на это ресурсы? Нужно ли добавлять состояние щелчка в меню с вкладками вместо наведения? Мне сказали, что программы чтения с экрана плохо справляются с меню при наведении.
Любая помощь будет приветствоваться.
Заранее спасибо!
1 ответ
Когда вы получаете ссылку с VoiceOver (там будет серебряный контур, и VoiceOver будет читать содержимое), браузер запускает событие фокуса.
Захват на Фокус или на Фокус для этой вкладки. Если вы поддерживаете пользователей настольных компьютеров, это также будет полезно для пользователей, использующих только клавиатуру.
Кроме того, убедитесь, что ваши вкладки имеют роль role="tab" и имеют родителя с role="tabgroup". Если они являются кнопками, VO читает "О нас, кнопка, дважды нажмите на...", и пользователь может быть в замешательстве. Если это ссылки, VO читает "About US, link, double tap to...", и пользователь предполагает, что они переходят на новую страницу, и будет ждать звука "новая страница загружена". Если это вкладки, VO читает "О нас, вкладка, 5 из 6, дважды нажмите на…", и пользователь понимает, что есть вкладка, где-то есть панель вкладок и где они находятся в списке вкладок.