正如你所知,Twitter bootstrap的工具提示并不可访问(即屏幕阅读器无法读取它们)。要实现这一点,需要执行以下操作:
以下是按钮的示例代码:
- 调用
tooltip()
函数时,生成的文本元素(包含工具提示文本的元素)应添加一个新属性:aria-hidden="true"
。 - 原始元素(调用
tooltip()
的那个元素)应添加一个属性:aria-describedby="#<tooltip-id>"
,其中tooltip-id是刚刚创建的新元素的id。
.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>
aria-hidden="true"
。这会使屏幕阅读器无法读取它。 - Hrvoje Golcic