这是我的代码:
<div class="ttipcontainer">
<button title="" class="co_tooltipElement" id="newButton05-2" aria-describedby="coid_accessibleTooltip_1"> Recent Searches </button>
<span tabindex="-1" class="co_accessibilityLabel" id="coid_accessibleTooltip_1" aria-hidden="true" role="tooltip">Shows information of your recent searches</span>
</div>
答案 0 :(得分:1)
Heydon Pickering在编写Accessible Toggle Tips方面提供了很好的指南。他在其中描述了为什么我们将role=tooltip
放在元素上:
请注意工具提示角色的使用。实际上,所有此角色提供的保证是,aria-despared by可以在支持的情况下可靠地工作。正如LéonieWatson所写,ARIA labels and descriptions sometimes don't work with all elements除非您具有适当的角色。在这种情况下,最重要的角色是subject元素的隐式按钮角色,但是role =“ tooltip”可能会扩展某些软件中对此标签方法的支持。
因此,尽管它没有提供太多其他信息,但它确实有助于aria-describedby
指向具有有效角色的元素,这有助于确保该元素对于某些屏幕阅读器而言可以正常工作。