HTML5で追加されたmainタグとroleについて

Yukimi Sato 1,181views 更新:2014年5月27日
<main role="main">

 ~ メインコンテンツ部分 ~

</main>

 

HTML5で追加されたmainタグはページ内で一度のみ使用することができます。
同時に「role」で属性=mainも指定することが推奨されています。

roleもHTML5で実装された新しい属性で、マークアップすることで見た目は変わりませんが、アクセシビリティが向上すると言われています。
また音声読み上げソフトとの親和性も高く、今までは見出しなどで順序を付けるだけでしたが、roleも指定してあげることで、全体のコンテンツの順番が解析しやすくなります。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません