Bootstrap 工具提示内容在 iOS VoiceOver 可以阅读之前关闭

Bootstrap Tooltip Content Dismisses before iOS VoiceOver can read it

我在我的网站上使用 bootstrap 工具提示,我在通过 iOS VoiceOver 实用程序阅读工具提示时遇到问题。我正在使用 Bootstrap 3 和 Boostrap 辅助功能插件。我做了一个例子here

那个页面的html如下:

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

在 iOS VoiceOver 中,您可以将注意力集中在 a 上以打开工具提示,但如果您尝试滑动以将 VO 光标移动到下一个项目,工具提示会消失,您永远不会知道有那里的内容。如果您尝试触摸工具提示来阅读它,VO 开始阅读但很快停止,因为工具提示消失了。我猜这是因为 a 失去了焦点。我不知道如何做到这一点,所以当 VO 光标移动到工具提示内容时 a 不会失去焦点。

我没有修改 bootstrap 或 bootstrap-accessibility.js 文件。我可以试试这是否是错误所在,但我觉得如果是的话我会发现其他人在谈论这个。

如果有人有任何想法,请告诉我。我非常想解决这个问题。

将我的 Bootstrap 版本从 3.3.2 更新到 3.3.6 解决了这个问题。 :)