#jquery #listview #mobile #accessibility
#jquery #listview #Мобильный #Специальные возможности
Вопрос:
Создание сайта с основной навигацией с использованием jQuery Mobile listview, который отлично работает в браузерах (например, в мобильном safari), Пока не будет включен voiceover и т. Д., После чего навигация отключается, поскольку jQuery mobile добавляет в aria-hidden =»true»
Есть ли какой-либо способ запретить jquery mobile добавлять это или лучший способ разрешить таким пользователям перемещаться по моему сайту?
пример текущего кода:
<ul data-role="listview" data-theme="f">
<li><a href="page1.html" role="link"><img src="image1.gif" alt="Test Image" />
<h3>Heading</h3><p>Description</p></a></li>
</ul>
jQuery mobile добавляет:
<div class="ui-btn-inner ui-li" aria-hidden="true">
внутри <li>
, что, я думаю, является причиной проблемы здесь.
Ответ №1:
У меня была такая же проблема. Когда привязка была добавлена в listview, voiceover на iphone не работал. Однако, как вы, возможно, знаете, voiceover работал для alpha4.
В любом случае, я скачал http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js и сменил ("aria-hidden","true")
на ("aria-hidden","false")
. И загрузил измененный js на мой сервер. И voiceover сработал.
Я понятия не имею, может ли это изменение повлиять на другие функции. Тем не менее, пока все хорошо.
Надеюсь, это поможет.