Я немного смущен ролями. Если на моей странице есть навигация, которая заключена в элемент nav и укажите role="navigation".
<nav role="navigation">
...
</nav>
Разве он уже не семантически явный, что раздел nav является навигацией?
Или, если у меня есть другие разделы навигации на моей странице и укажите роль только для одного из них, этот раздел станет наиболее важным на странице? А те без role="navigation" просто скучные навигации?
Верно, что большинство современных браузеров/технологий признают элемент HTML5 <nav> в качестве навигации и придают ему такое же внимание. Но явно устанавливая атрибут role="navigation", просто убедитесь, что гораздо больше технологий могут его поднять.
Например, экранизаторы и другие технологии для пользователей с ограниченными возможностями очень редко соответствуют стандартам (особенно, если им приходится работать до IE6 или ниже!), поэтому добавление атрибутов роли явно всегда гарантирует, что вы охватите все ваши базы для большинства пользователей.
Также (и это всего лишь догадка) некоторые из менее известных поисковых систем могут не полностью распознавать HTML5, поэтому добавление этих ролей должно помочь с возможностями обхода сайтов.
Посмотрите на этом из W3C. В нем говорится:
В большинстве случаев установка роли ARIA и/или атрибута aria- * который соответствует семантике ARIA по умолчанию, не требуется и не рекомендуется, поскольку эти свойства уже установлены браузером.
Так что делать <main role="main"> не нужно и не рекомендуется. Тем не менее, Примеры загрузочных навигаторов (которые все, включая me-copy-pastes), имеют <nav role="navigation">.
Честно говоря, я не уверен, что правильно.
W3C рекомендует: "Однако, чтобы сделать структуру более доступной для пользовательских агентов, поддерживающих ARIA, а также гарантировать, что пользовательские агенты, которые не поддерживают HTML5, также могут понять структуру, добавив ARIA role =" navigation "рекомендуется". https://www.w3.org/WAI/GL/wiki/Using_HTML5_nav_element