这是一个有效的方案:
法典:
<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>
元素是地标角色,因此它们将允许屏幕阅读器用户跳转到该部分。 页面上的地标过多会开始降低地标的实用性。
鉴于有关你的方案的信息有限,很难说你是否应该这样做。