使工具提示屏幕阅读器友好

时间:2016-08-01 20:30:14

标签: html tooltip accessibility screen-readers jaws-screen-reader

我在我的网站上实施了一个工具提示。打开工具提示的链接很简单,并且包含以下代码:

<a href="#tooltip" id="tooltip" class="toolTipLink">This should open a tooltip</a>

在焦点或单击时,工具提示会显示。一切都很完美,直到屏幕阅读器(我正在使用JAWS)打开。当Jaws读取链接时,按Enter键,它不会显示工具提示。

这是我尝试过的:

  1. 我尝试在包含工具提示的role=dialog上添加div 文本。
  2. 我也尝试在链接上添加aria-haspopup=true
  3. 但这两种方法似乎都不起作用。关于如何使其与屏幕阅读器一起使用的任何建议?

0 个答案:

没有答案