使屏幕阅读器在出现时读取工具提示内容

时间:2017-07-13 10:59:50

标签: accessibility voiceover screen-readers twitter-bootstrap-tooltip

我正在使用bootstrap的tool-tip功能。

我有button,点击它时会出现tooltip。我可以使用Bootstrap工具提示插件的trigger选项来实现此功能。

但是,屏幕阅读器无法读取已打开的tool-tip的内容。

我试图让屏幕阅读器在工具提示出现后阅读其内容。

button具有焦点时,当用户按下Enter键时,如何确保屏幕阅读器传达工具提示内容。

任何人都可以帮我实现这项功能吗?

我正在附加plunker link

1 个答案:

答案 0 :(得分:2)

你可以使用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