📜  HTML | aria-label 属性

📅  最后修改于: 2021-11-08 06:38:00             🧑  作者: Mango

aria-label有助于定义字符串并为使用辅助技术的用户提供有关文档结构的附加信息。在大多数情况下,arial-label 用于用更精确的信息替换现有标签。但是,我们在使用 aria-label 时应该小心,因为它不适用于所有 HTML 元素。

aria-label 属性可用于 HTML 元素,例如:

  • 选择
  • 文本区
  • 按钮
  • a(当使用 href=”#” 时)
  • 音频和视频(使用 control=”#” 时)

aria-label 属性并不总是适用于诸如 span、p、div 之类的 HTML 元素。它可能适用于某些浏览辅助技术组合。

句法:


在这里,将创建一个带有“click”的按钮。 aria-label – 通过使用辅助技术提供准确提及其输出/函数的标签。

例子:



  


  

    
        

GeeksforGeeks

                         
  

在这里,您可以看到一个 HTML 页面将打开,并且将包含并排的按钮,这些按钮彼此相同,没有任何区别。现在,如果有人在Chrome中使用Chromevox扩展并在按下选项卡的同时有耳机,那么它们将在选择第一个按钮时听到“打开”字样,而选择第二个按钮时,它们将听到“打开”这句话“新窗口” 。这对于视力不好的人来说特别有用,他们可以看到两个按钮但无法理解上面写的文字。

输出:
点击按钮前:

后: