使用 aria-label 属性

这篇文章需要文法复核。如何帮忙。

这篇翻译不完整。请帮忙从英语翻译这篇文章

这一节将演示如何使用 aria-label 标签属性。

aria-label属性用来定义一个标记当前元素的标签字符串。如果需要使用一个不可见的标签时可采用这一属性(如已有可见标签存在,可使用 aria-labelledby 属性作为替代)。

aria-label属性可以用在任何典型的HTML元素中,并不要求这一元素一定要被分配为一个ARIA role。

Value

string

对于用户代理和辅助技术的可能影响

Edit section

Note: 由于辅助技术处理这一技术的差异导致选项信息可能不同.以上所提供的信息只是其中可能的一种,而非一般情况。.

示例

示例1:多标签(Multiple Labels)

在下面的示例中,一个按钮(button)元素被风格化为一个通常所见的关闭(close)按钮,按钮中间有一个“X”符号。由于没有任何提示表明这一按钮是用来关闭对话框的,所以采用aria-label标签来为辅助设备提供相应标识。

<button aria-label="Close" onclick="myDialog.close()">X</button>

操作实例:

 

说明: 

最常见的对于标签的可访问性API映射是可访问的name属性。

ARIA roles的使用

基本标记中的全部元素。

ARIA 相关技术 

兼容性

有待讨论: 为通常的UA和AT产品组合提供支持信息。

额外资源

文档标签和贡献者

标签: 
 此页面的贡献者: ldwformat, princetoad@gmail.com
 最后编辑者: ldwformat,