引导程序 3:是否需要角色导航

Question

在引导程序 3 中是否需要角色导航？

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

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

Answer 1

role 属性用于帮助辅助技术（如屏幕阅读器）向用户呈现页面。你不应该省略它。

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

（如果那里也有非导航内容，则<nav>元素（具有 role 属性）应位于<header>内，但仅在这些元素周围）。