关于 aria-label 使用的不那么简短的说明 – 大表格版 – HTML 可访问性

主要观点:

  • 介绍了与aria-label相关的内容,包括其在不同 HTML 元素中的使用规则和注意事项。
  • 强调了 prefer native HTML labeling mechanisms over ARIA labeling mechanisms 的原则。
  • 列举了各种 HTML 元素在使用aria-label时的情况,包括是否允许、是否会被屏幕阅读器读取等。

关键信息:

  • aria-label是标注原生 HTML UI 元素的辅助方法之一,在交互元素和部分块级元素上效果较好,在文本级语义上效果不佳或不适用。
  • 有隐式角色(由浏览器自动应用)和显式角色(由开发者使用role属性应用)。
  • 提供了关于aria-label使用的一般规则,如优先使用可见标签、放置在预期位置等。
  • 详细列出了不同 HTML 元素在使用aria-label时的具体情况,包括是否允许、是否会被屏蔽等。

重要细节:

  • 空的aria-label=""不等于空的alt=""alt用于img元素,aria-label有其特定用途。
  • aria-label会屏蔽除aria-labelledby之外的其他可访问名称源,aria-labelledby会屏蔽包括aria-label在内的所有其他名称源。
  • 对于一些元素,如a元素无href时、img元素无alt时等,aria-label的使用有特定限制和注意事项。
  • 不同浏览器和屏幕阅读器对aria-label的支持情况有所差异。
阅读 23
0 条评论