aria-label 究竟可以用于什么？
我发现文档表明它可以用于交互式项目（例如<button>），但它可以用于以下任何一项：
<p>、<span>、<li> 或 <abbr>?
我试图在段落中包含特定的单词和缩写，以特定的方式读出（例如：澳大利亚人读出为“Ozzies”而不是“Ossies”或“NSW”读出为“新南威尔士州”）
在 Microsoft Edge、Google Chrome、Mozilla Firefox（所有 Windows 10）和 iPhone Safari (iOS) 中进行测试
【问题讨论】：
标签： html accessibility screen-readers sitefinity wcag
这很可能是帮助残疾人和老年人的一个属性。 （例如屏幕阅读器）将标签附加到其他匿名 HTML 元素。
通常搜索输入字段没有视觉标签（感谢设计师）。 aria-label 可用于将控件标签传达给屏幕阅读器用户。
当用户关注带有区域标签的两个按钮（通过按 Tab）时——你可以听到关注第一个 x 按钮——只会告诉你 x 按钮，但如果是第二个 x 按钮..你会听到返回到页面按钮只有..
<button title="Close"> X </button>
<button aria-label="Back to the page" title="Close" > X </button>
希望对你有帮助。
你可以在这里阅读更多信息https://www.aditus.io/aria/aria-label/
【讨论】：
属性 aria-label 和 aria-labelledby 通常仅在按钮、表单字段、链接等交互元素上使用和正确识别。
当它们用于非交互式元素（例如<p>, <div>, <li>）时，它们通常不起作用，即无法读取或显示。
您可以在<p>, <li> 上使用 aria-label 或 aria-labelledby，但它只有在交互式时才有效。
交互的定义很简单：它意味着你可以与之交互的东西。从技术上讲，它基本上意味着可聚焦。
请注意，对于某些浏览器和/或屏幕阅读器，不能自然聚焦的元素上的 aria-label 可能仅在以表单模式导航时有效，而在浏览模式下无效。 通过自然可聚焦，我的意思是不需要显式 tabindex 即可交互的元素。
元素<abbr> 是一个特例。扩展的含义必须出现在 title 属性中，而不是 aria-label。
【讨论】：