我在我的网站上使用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文件。我可以尝试,如果错误发生的地方,虽然我觉得如果我发现其他人正在谈论这个。
如果有任何想法,请告诉我。我非常渴望解决这个问题。
答案 0 :(得分:0)
将我的Bootstrap版本从3.3.2更新到3.3.6解决了这个问题。 :)