html5スタイリング/ jsフックのariaロール属性？

Question

スタイリングとjsフックでidsの代わりにroleという属性を使用するウェブサイトはほとんど見つかりませんでした。

これは良いアプローチですか？ role属性を正しく使用するにはどうすればよいですか？

私の理解ではこれです：WAI-ARIAためのJSフックのためのスタイリングのためclasses、ids、roleroleが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を実行できます。ちょうどウィジェットのユースケースに依存します。