您可能知道,Twitter 引导工具提示无法访问(即屏幕阅读器不会读取它们)。要做到这一点,应该做以下事情:
- 调用该
tooltip()
函数后,生成的文本元素(包含工具提示文本的元素)应该添加一个新属性:aria-hidden="true"
. - 原始元素(
tooltip()
已被调用的元素)应该添加一个属性:aria-describedby="#<tooltip-id>"
,其中 tooltip-id 指的是刚刚在上面创建的新元素的 id。
由于Javascript当前的工作方式是选择.tooltip
类的所有元素并将tooltip()
函数应用于它,我想知道如何在不修改tooltip()
函数源代码的情况下做到这一点。
下面是一个按钮的代码示例:
<span role="button" rel="tooltip" title="Add Youtube Video" class="fancyPostButton span1" tabindex="0" style="-webkit-user-select: none;padding-top: 10px">
<div id="fancyPostVideoPicker" class="fancyPostAttachment videoAttachment glyphicons film centerMe">
<i></i>
</div>
</span>