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

<main role="main">

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

</main>

 

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

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