角色=“工具提示”重要吗?

时间:2018-07-05 15:59:51

标签: html accessibility screen-readers uiaccessibility

  1. 大多数屏幕阅读器默认都会读取自定义工具提示信息。 role =“ tooltip”似乎没有做任何其他事情,就像它没有通知用户它的工具提示一样。为什么我们需要在工具提示容器中使用role =“ tooltip”?有特定目的吗?
  2. IE11中的NVDA无法读取工具提示信息。有任何要修复的黑客吗?

这是我的代码:

<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>

1 个答案:

答案 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指向具有有效角色的元素,这有助于确保该元素对于某些屏幕阅读器而言可以正常工作。