我们可以有一个具有咏叹调角色 = 导航的 div 内部具有咏叹调角色 = 导航



这是一个有效的方案:

法典:

<html>
   <div role = "navigation">
      <div role = "navigation" aria-label = "Navigate between these 2 links">
      </div>
      <div role = "region" aria-label = "Filters">
      </div>
   </div>
</html>

在具有角色导航的div 中具有角色导航。它是否有效,在遵循的设计模式下是否有效?这是一个好的做法,还是我应该将内部角色替换为区域

你能

做到吗? 是的,它不是无效的 html。 导航角色和<nav>元素具有一个内容模型,只要嵌套角色未main,该模型就允许嵌套角色。

请记住,导航角色和<nav>元素是地标角色,因此它们将允许屏幕阅读器用户跳转到该部分。 页面上的地标过多会开始降低地标的实用性。

鉴于有关你的方案的信息有限,很难说你是否应该这样做。

最新更新