有人能告诉我更多关于角色和aria-*HTML5属性的信息吗?

有人能告诉我更多关于角色和aria-*HTML5属性的信息吗?,html,Html,我想知道HTML5中的角色和aria-*属性是什么。谢谢。ARIA是可访问富Internet应用程序的首字母缩写。HTML5属性是W3C WAI-ARIA规范到HTML5的映射。它的目的是帮助辅助技术——比如盲人用户的屏幕阅读器——理解web应用程序和小部件。它在AJAX风格的交互中尤其重要 例如:HTML/CSS小部件可能完全由div组成,并且可以动态更新。因为HTML的语义不足以描述丰富的应用程序,所以aria属性有助于向辅助技术告知它们的用途和任何动态功能。您创建的不同组件都可以有一个单独

我想知道HTML5中的角色和aria-*属性是什么。谢谢。

ARIA是可访问富Internet应用程序的首字母缩写。HTML5属性是W3C WAI-ARIA规范到HTML5的映射。它的目的是帮助辅助技术——比如盲人用户的屏幕阅读器——理解web应用程序和小部件。它在AJAX风格的交互中尤其重要


例如:HTML/CSS小部件可能完全由div组成,并且可以动态更新。因为HTML的语义不足以描述丰富的应用程序,所以aria属性有助于向辅助技术告知它们的用途和任何动态功能。

您创建的不同组件都可以有一个单独的“角色”,试图描述组件的功能和用途

有很多不同的角色。角色分为两类:“用于讨论的抽象”角色和您使用的“实际”角色

每个角色都必须包含一些不同的“aria*”属性。这些属性描述小部件的当前状态,并且随着小部件的更改而更改

例如,假设您想用一堆div和javascript创建一个slider小部件。滑块小部件的抽象角色是“范围”,因为它代表一个可能的值范围。您将在代码中使用的实际角色是“滑块”。描述需要使用的滑块的不同aria属性是“aria valuenow、aria valuemax、aria valuemin”

我使用了这个页面: 这真的很有帮助,您可以单击一个抽象角色并查看属于它的所有子角色。对于每个角色,它都会为您提供所需的aria属性列表。

Google:and