role属性
その要素が何なのかを示す
参考
hogeというHTMLタグが、どういうroleを持っているのか、ってどうやって調べるん #?? e.g.
<nav>と同じ
<aside>と同じ
etc.
それ以外
etc.
aタグをbuttonとして使いたい時に<a role="button" />みたいに書く
当然だが、構造化データと同じものを指すroleはその構造化データの要素には付けない 例えば、<nav role="navigation">..</nav>のようには書かない
<nav>をnavigationの用途で使っている場合は自明なので。
本来は<nav>を使うべき箇所だが、実装の都合として<div>を使わないと行けないような時に、<div role="navigation">..</div>のように書く