在许多网页和相当多的 StackOverflow 问题中都可以找到aria-
以可访问性开头并与之相关的属性。例如:
<div class="text">
<label id="tp1-label" for="nombre">Nombre:</label>
<input type="text" id="nombre" name="nombre" size="20"
aria-labelledby="tp1-label"
aria-describedby="tp1"
aria-required="true" />
<div id="tp1" class="tooltip"
role="tooltip"
aria-hidden="true">El nombre es obligatorio</div>
</div>
什么是属性,它们有什么用aria-*
?有多少,哪些是最重要的?为什么要使用它们?
ARIA 代表Accessible Rich Internet Applications,它是一个技术规范,其目标是增加使用 HTML、JavaScript、Ajax 和相关技术开发的动态内容和动态界面组件的可访问性。
ARIA 描述了如何向 HTML 内容添加语义和元数据,以使界面控件和动态内容更易于访问,尤其是对残障人士而言。
参考
属性
aria-*
用于向网站的元素添加语义信息,特别是属性和状态(它们是角色的一部分),它们可以:参考
属性列表
aria-*
如下:参考
要说最重要的属性是什么,我觉得有点主观,没有官方参考或推荐,我认为最好看屏幕阅读器、盲文键盘等设备提供的兼容性与否。
在这里,我留下了一个不断更新的链接,该链接显示了一些 ARIA 属性与现有的不同屏幕阅读器的兼容性。
我们应该使用 ARIA 属性,以便(我们)有残疾的人可以轻松浏览和理解我们实施/开发/创建的网站的结构。
残疾人设备包括:
在这个英文链接中,有一些关于一些残疾人如何使用网络的故事,以及我们可以使用哪些工具,以便这些人可以更好地浏览我们的网站。
它可能不被视为答案,但本文可以帮助了解和理解标准
WAI-ARIA
综上所述
什么是 ?
它是一组属性,可帮助改进网站或 Web 应用程序的语义,以帮助辅助技术(例如盲人屏幕阅读器)理解某些非 HTML 原生内容。
关于它的用途?
本文可以帮助您了解 WAI-ARIA 标准。
什么是咏叹调?
ARIA 是 Accessible Rich Internet Applications 的缩写。ARIA 是一组属性,您可以添加到 HTML 元素中,这些元素定义了使使用辅助技术 (AT) 的残障用户可以访问 Web 内容和应用程序的方法。当无法使用原生 HTML 管理可访问性问题时,ARIA 可以帮助弥合这些差距。
有多少,哪些是最重要的?
这些都是一个图像中的所有角色。除了角色之外,它还有状态和属性。
有关详细信息,请参阅WAI-ARIA 官方文档或Google 的 ARIA 简介。