html5 aria角色属性为样式/ js钩子？

Question

我发现很少有网站使用属性role代替ids进行样式设置和js挂钩。

这是一个好方法吗？ role属性的正确用法是什么？

我的理解是这样的：classes用于样式，ids用于js钩子，role用于WAI-ARIA但似乎role可以替换id 1}}。

以下是一个例子：

<ul role="menu" class="menu">
  <li role="menuitem" aria-haspopup="false">New</li>
  <li role="menuitem" aria-haspopup="false">Open…</li>
</ul>

Answer 1

文档结构角色可帮助屏幕阅读器轻松识别静态内容的各个部分，这有助于更好地组织导航内容。您可以在任何类，ID或角色上使用javascript，这取决于您的小部件的用例。