Ich verwende Bootstrap-Tooltips auf meiner Website und ich habe ein Problem beim Lesen der Tooltips über iOS VoiceOver-Dienstprogramm. Ich benutze Bootstrap 3 und das Boostrap Accessibility Plugin. Ich habe ein Beispiel gemacht hereBootstrap Tooltip Inhalt wird vor iOS VoiceOver kann es lesen
Die HTML-Datei auf dieser Seite ist wie folgt:
<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>
Von iOS Voiceover, können Sie auf dem ein Schwerpunkt den Tooltip zu öffnen, aber wenn Sie versuchen, Swipe zu bewegen der VO-Cursor zum nächsten Element, der Tooltip wird ausgeblendet und du würdest nie wissen, dass dort überhaupt Inhalt war. Wenn Sie versuchen, den Tooltip zu berühren, um ihn zu lesen, fängt VO an zu lesen, hört aber bald auf, weil der Tooltip verschwindet. Ich schätze, das liegt daran, dass das a den Fokus verloren hat. Ich kann nicht herausfinden, wie man es macht, damit das a den Fokus nicht verliert, wenn sich der VO-Cursor zum Tooltip-Inhalt bewegt.
Ich habe die Bootstrap- oder Bootstrap-Accessibility-.js-Dateien nicht geändert. Ich kann versuchen, wenn das der Fehler ist, obwohl ich das Gefühl habe, wenn es wäre, hätte ich jemanden gefunden, der darüber spricht.
Wenn jemand irgendwelche Ideen hat, lass es mich wissen. Ich bin ziemlich verzweifelt, das zu beheben.
Es fiel mir auf, dass ich bootstrap 3.3.2 verwende, also wenn das in neueren Updates behoben wurde, lass es mich wissen. Ich habe Angst, jetzt zu aktualisieren, falls es andere Kluges auf der Seite bricht, haha –