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

Question

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

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

На этом этапе, если вы отключите voiceOver, содержимое отобразится.

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

Любая помощь была бы наиболее желанной.

Заранее благодарен!

Answer 1

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

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

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