有人可以给我更多关于角色和aria- * HTML5属性的信息吗?

时间:2010-11-12 22:32:59

标签: html5

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

2 个答案:

答案 0 :(得分:0)

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

例如:HTML / CSS小部件可以完全由DIV制作并动态更新。由于HTML的语义不足以描述丰富的应用程序,因此aria属性有助于为辅助技术提供其目的和任何动态功能的信息。

答案 1 :(得分:0)

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

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

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

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

我使用过这个页面:http://www.w3.org/TR/wai-aria/roles#slider 这非常有用,您可以单击抽象角色并查看属于它的所有子角色。对于每个角色,它会为您提供所需的aria-属性列表。