html5 aria角色屬性爲造型/ js鉤子？

Question

我發現有幾個網站使用role屬性代替ids進行造型和js掛鉤。

這是一個好辦法？什麼是role屬性的正確使用？

我的理解是這樣的：classes的造型，ids爲JS掛鉤，role爲WAI-ARIA但似乎role可以代替id。

下面是一個例子：

<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，這取決於你的小部件的用例。