Question

这是一个有效的场景：

代码：

<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中进行角色导航。它是一个有效的场景，是否在设计模式下有效？这是一个好的做法，还是应该将内部角色替换为区域

Answer 1

你能做到吗？是的，这不是无效的HTML。只要嵌套角色不是<nav>，导航角色和main元素就会有content model允许嵌套角色。

请记住，导航角色和<nav>元素是具有里程碑意义的角色，因此它们将允许屏幕阅读器用户跳转到该部分。在你的页面上有太多的地标开始削弱地标的实用性。

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

我们可以在具有aria-role = navigation的div中有一个具有aria-role = navigation的div

1 个答案: