何时何地使用咏叹调标签？

Question

在什么情况下使用属性aria-label ,. 哪些是支持此属性的标记。 使用此属性的情况是什么。 是否有使用此属性的规则。

如果问题不清楚，请发表评论

Answer 1

aria-label提供不可见标签，不能使用可见标签。

该技术的目的是为可以通过辅助技术读取的对象提供标签。 aria-label属性为对象提供文本标签，例如按钮。 当屏幕阅读器遇到对象时，将读取aria-label文本，以便用户知道它是什么。

所有html标签支持的aria-label 区域标签属性都可以使用

<button aria-label="Close">X</button>

Answer 2

标签用于描述字段。 拥有描述该字段的标签非常重要，这样当用户正在浏览时，他们就知道他们应该在那里做什么。 试想一下，如果你在一个新的地方但你不知道这个名字并且没有标记，那么你怎么知道这个地方的名字。 这就是事情。

现在让我们谈谈aria-label，它用于定义当前字段的标签。 当标签不可见时，最好使用。 此外，最好的做法是为屏幕阅读器设置aria-label，只需考虑使用辅助技术的盲人，他正在连接表单并且有一个按钮，只需看下面（ MDN示例 ）：

X

那个盲人会在屏幕阅读器中听到什么，他会听到X，通过这个文字他不会理解这个按钮是用来关闭对话框的。

X

如果像该示例那样存在aria-label，那么肯定会理解该按钮用于关闭对话框。

因此，在每个可操作的领域中使用咏叹调标签是最佳做法。

有一条规则，我认为我们应该遵循aria-label，即“不要改变语义元素的意义”

Answer 3

在下面的示例中，按钮的样式看起来像一个典型的“关闭”按钮，中间有一个X. 由于没有任何迹象表明按钮的用途是关闭对话框，因此aria-label属性用于为任何辅助技术提供标签。

 In the example below, a button is styled to look like a typical "close" button, with an X in the middle. Since there is nothing indicating that the purpose of the button is to close the dialog, the aria-label attribute is used to provide the label to any assistive technologies. <button aria-label="Close">X</button> 

X