Bootstrap工具提示内容在iOS VoiceOver可以读取之前解散

时间:2016-04-05 00:56:54

标签: jquery ios twitter-bootstrap accessibility voiceover

我在我的网站上使用bootstrap工具提示,我在通过iOS VoiceOver实用程序阅读工具提示时遇到问题。我使用的是Bootstrap 3和Boostrap Accessibility Plugin。我已经做了一个例子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文件。我可以尝试,如果错误发生的地方,虽然我觉得如果我发现其他人正在谈论这个。

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

1 个答案:

答案 0 :(得分:0)

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