<nav> 的子元素的语义标记？答案

【问题标题】：Semantic markup for child elements of <nav>?<nav> 的子元素的语义标记？
【发布时间】：2017-10-07 02:22:42
【问题描述】：

菜单元素具有相应的 menuitem 子元素。

nav 子元素的适当 html 标记是什么？这些子元素对应的 Aria 角色是什么？

我阅读了规范，查看了 MDN，阅读了一些教程。

我知道导航链接最好包装在导航容器中。我正在努力理解标记导航项目本身的最易于访问的方式。

【问题讨论】：

【解决方案1】：

<nav> 元素的 W3c 定义是：

链接到其他页面或页面内部分的页面部分：带有导航链接的部分

因此，导航元素通常只包含链接，即<a> 或role="link" 子项，通常包含在列表中以增加语义，即<ul>、role="list" 等。没有关于什么的要求<nav> 必须包含作为子项。

【讨论】：

只是添加到@steve 的回复中：使用 nav 元素很有用，因为它表示高级导航区域。与视力正常的用户可以看到页面标题包含导航链接块的方式相同，使用 nav 元素可以让屏幕阅读器（和其他辅助技术）用户了解该区域。正如史蒂夫所指出的，只需在导航区域内使用标准链接\列表元素。
谢谢大家！感谢您的澄清。