Bootstrap 3：角色导航是否必要？

Question

Bootstrap 3 中是否需要角色导航？

<header class="navbar navbar-inverse navbar-static-top" role="navigation">
<div class="container">
...
</div>
</header>

此代码存在 HTML5 验证错误 - 角色属性没有导航。我可以省略角色导航和视觉 - 不会发生任何变化。

Answer 1

角色属性是为了帮助辅助技术（例如屏幕阅读器）向用户呈现页面。你不应该省略它。

错误在于导航部分使用<header> 而不是<nav>。

（如果那里也有非导航内容，那么<nav> 元素（带有角色属性）应该在<header> 内，但只能在这些元素周围。