Bootstrap HTML 验证器警告:元素导航不需要角色属性

Posted

技术标签:

【中文标题】Bootstrap HTML 验证器警告:元素导航不需要角色属性【英文标题】:Bootstrap HTML Validator Warning: Element nav does not need a role attribute 【发布时间】:2015-10-28 03:39:59 【问题描述】:

我在我的索引中插入了一个菜单:

<nav id="mainmenu" class="navbar navbar-default" role="navigation">

但是当我尝试(在本地)验证它时,validator.w3 告诉我:

警告:元素导航不需要角色属性。

我找不到解决办法,谁能帮帮我?

【问题讨论】:

w3.org/WAI/GL/wiki/… 注意:当对 html5 的支持得到改进时,可能不需要继续添加 ARIA role="navigation"。 好的,所以我不需要它。谢谢 YvesLeBorg 这对旧版浏览器支持没有帮助吗?检查验证时我收到了同样的错误。我删除了它,发现网站的表现没有什么不同......但我仍然想知道旧浏览器。 【参考方案1】:

删除role="navigation"

&lt;nav&gt; 元素已经具有用于导航的语义。您无需使用 role 属性添加它们。说“此导航元素用于导航”是多余且愚蠢的。

<nav id="mainmenu" class="navbar navbar-default">

【讨论】:

以上是关于Bootstrap HTML 验证器警告:元素导航不需要角色属性的主要内容,如果未能解决你的问题,请参考以下文章

如何用Bootstrap制作导航条

无法居中 Bootstrap 导航栏

在bootstrap中 怎么使得导航栏固定在顶部

Bootstrap相关内容

如何在 Bootstrap 4 中均匀分布导航栏元素

Bootstrap 导航