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

Question

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

我有一个button，当它被点击时，会出现一个tooltip。我能够通过使用Bootstrap tool-tip插件的trigger选项实现这个功能。

然而，屏幕阅读器无法读取打开的tool-tip内容。

我正在尝试让屏幕阅读器在button获得焦点后，用户按下Enter键时，读取tool-tip的内容。

如何确保当用户按下Enter键时，屏幕阅读器能够传达工具提示内容。

谁能帮帮我实现这个功能？

我附上了plunker链接

- user7761868

Answer 1

你可以使用aria role="tooltip"来实现这个功能，虽然文档不是很完善，但你可以在这里阅读相关内容。

<div class="container">
  <h3>Tooltip Example</h3>
  <a href="#" data-toggle="tooltip" title="Hooray!" role="tooltip">Hover over me</a>
</div>

更新后的Plunker链接

- VictorC