我正在使用 bootstrap 的 tool-tip
功能。
我有一个 button
,当它被点击时会出现一个 tooltip
。我可以通过使用 Bootstrap 工具提示插件的 trigger
选项来实现此功能。
但是,屏幕阅读器无法读取打开的 tool-tip
的内容。
我试图让屏幕阅读器在工具提示出现后阅读它的内容。
那么如何确保当 button
具有焦点时用户按下 Enter 键时屏幕阅读器传达工具提示内容。
任何人都可以帮助我实现这一功能吗?
我附上了 plunker link
最佳答案
您可以为此使用 aria role="tooltip",没有很好的文档记录,但您可以阅读 here
<div class="container">
<h3>Tooltip Example</h3>
<a href="#" data-toggle="tooltip" title="Hooray!" role="tooltip">Hover over me</a>
</div>
Updated Plunker link
关于accessibility - 让屏幕阅读器在工具提示内容出现时阅读它,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/45078688/