J'utilise des info-bulles bootstrap sur mon site Web et je rencontre un problème lors de la lecture des info-bulles via l'utilitaire iOS VoiceOver. J'utilise Bootstrap 3 et le plugin Boostrap Accessibility. Je l'ai fait un exemple hereLe contenu Bootstrap Tooltip est rejeté avant iOS VoiceOver peut le lire
Le code HTML sur cette page est comme suit:
<a href="#!" tabindex="0" class="tooltip-a" data-toggle="tooltip" data-trigger="click hover focus" title="Tooltips are cool">This is a tooltip. <span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span><span class="sr-only">tooltip available</span></a>
De iOS VoiceOver, vous pouvez vous concentrer sur l'un pour ouvrir l'info-bulle, mais si vous essayez de glisser pour déplacer le curseur VO à l'élément suivant, l'info-bulle rejette et vous ne sauriez jamais qu'il y avait du contenu là-bas. Si vous tentez de toucher l'info-bulle pour la lire, VO commence à lire mais s'arrête rapidement car l'info-bulle disparaît. Je suppose que c'est parce que le a a perdu le focus. Je n'arrive pas à comprendre comment faire pour que le A ne perde pas de vue lorsque le curseur VO passe au contenu de l'info-bulle.
Je n'ai pas modifié les fichiers bootstrap ou bootstrap-accessibility .js. Je peux essayer si c'est là que se trouve l'erreur, même si j'ai l'impression que si c'était le cas, j'aurais trouvé quelqu'un d'autre en parler.
Si quelqu'un a des idées s'il vous plaît faites le moi savoir. Je suis assez désespéré pour résoudre ce problème.
Il m'est apparu que j'utilise bootstrap 3.3.2 donc si cela a été corrigé dans des mises à jour plus récentes faites le moi savoir. J'ai peur maintenant de mettre à jour au cas où il brise d'autres kluges sur le site, haha –