2011-10-27 5 views
2

Construire un site avec la navigation principale en utilisant jQuery Mobile listview qui fonctionne bien sur les navigateurs (par exemple safari mobile) jusqu'à ce que voiceover etc est activé, après quoi la navigation est désactivée car jQuery mobile ajoute dans un aria-hidden = "true"Jquery Mobile listview désactivé sur voiceover

Y at-il un moyen d'arrêter jquery mobile en ajoutant ceci ou une meilleure façon de permettre à ces utilisateurs de naviguer sur mon site?

exemple de code actuel:

<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 ajoute:

<div class="ui-btn-inner ui-li" aria-hidden="true"> 

à l'intérieur du <li> que je pense est la cause du problème.

Répondre

1

J'ai eu le même problème. Lorsque l'ancre a été ajoutée à la liste, la voix off dans l'iphone n'a pas fonctionné. Comme vous le savez peut-être, la voix off a fonctionné pour alpha4, cependant.

Quoi qu'il en soit, je téléchargé http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js et changé ("aria-hidden","true")-("aria-hidden","false"). Et téléchargé le js modifié sur mon serveur. Et la voix off a fonctionné.

Je ne sais pas si cette modification peut affecter d'autres fonctionnalités. Cependant, jusqu'ici tout va bien.

Espérons que cela aiderait.