我正在努力使公司网站上的信息性工具提示可访问（当链接悬停或获得键盘焦点时，该工具提示当前会显示），而且我似乎找不到任何有关最佳方法的在线资源。屏幕阅读器可以访问它。它不是下拉菜单，因此无法使用aria-haspopup和aria-expanded。解决过此问题的任何人都可以分享他们的解决方案吗？
答案 0 :(得分：2)
tooltip widget pattern在W3网站上仍在进行中。我不确定role="tooltip"上的屏幕阅读器有多少支持，因此它可能无法很好地工作。但是，您至少可以做的是通过aria-describedby属性将您的工具提示文本与链接相关联。这样一来，您的链接将具有普通文本，并且将具有aria-describedby的目标位置提供的其他文本。一些屏幕阅读器会在链接文本之后读取其他文本，而一些屏幕阅读器会告诉您还有其他文本，并按快捷键来收听其他文本。因此您的代码应类似于：
<a href="example.com" aria-describedby="mytooltip">you really should read me</a>
...
<div id="mytooltip" role="tooltip">
more info here
</div>