我正在使用 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/

10-13 01:37