Jquery Mobile listview отключен при voiceover

#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 сработал.

Я понятия не имею, может ли это изменение повлиять на другие функции. Тем не менее, пока все хорошо.

Надеюсь, это поможет.