accessibility - 让屏幕阅读器在工具提示内容出现时阅读它

Question

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

我有一个 button当它被点击时 tooltip出现。我可以通过使用 trigger 来实现此功能Bootstrap 工具提示插件选项。

但是，屏幕阅读器无法阅读打开的 tool-tip 的内容。 .

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

那么如何确保当用户在button 时按下 Enter 键时，屏幕阅读器会传达工具提示内容。有重点。

任何人都可以帮助我实现这一功能吗？

我正在附上 plunker link

Answer 1

您可以为此使用 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