有人可以给我更多关于角色和aria- * HTML5属性的功能吗？

Question

我想知道HTML5中角色和aria- *属性的作用。谢谢。

Answer 1

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

例如：一个HTML/CSS小部件可能完全由DIV构成并且可以动态更新。由于HTML的语义不足以描述丰富的应用程序，因此aria属性有助于向辅助技术告知其目的和任何动态功能。

Answer 2

您创建的不同组件可能每个都有一个“角色”，它试图描述组件的功能和用途。

有一堆不同的角色。角色分为两类：用于讨论的“抽象”角色以及您使用的“实际”角色。

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

例如，想象一下，您想从一堆div和javascript中创建滑块小部件。滑块控件的抽象角色是“范围”，因为它代表了一个可能的值范围。您在代码中使用的实际角色是“滑块”。描述您需要使用的滑块的不同咏叹调属性是“aria-valuenow，aria-valuemax，aria-valuemin”。

我使用过此页面：http://www.w3.org/TR/wai-aria/roles#slider 这真的很有帮助，你可以点击一个抽象角色并查看属于它的所有子角色。对于每个角色，它会给你一个所需的咏叹调属性列表。