【发布时间】：2018-09-17 06:57:05
【问题描述】：
由于 HTML5 文档大纲不是由任何用户代理实现的 (https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines)，我们只剩下旧的标题级大纲了。
我完全赞成尊重标准，所以我试图找到一个好的标题级大纲来重用和适应。
使用 W3C 验证工具 和 « 显示大纲 » 选项，我检查了十几个网站，其中一些是由无障碍推广者创建的：Mozilla， Accessiweb、Access42、WCAG、W3C……。 但我还没有找到任何满足所有先决条件的网站：
- Mozilla 博客 (https://blog.mozilla.org/) 的大纲完全错误：他们将 h2 用于每篇文章的标题，但他们将 h3 用于页面中的其他部分，因此看起来像每个全球内容（« 更多 Mozilla 博客 »、« 更多文章 »...）链接到上一篇文章。
The Mozilla Blog homepage heading-level outline on Imgur
- 一些网站会跳过其标题层次结构中的一个或多个级别
A W3C post heading-level outline on Imgur
- 这篇 WebAIM 文章 (https://webaim.org/techniques/screenreader/) 具有连贯的大纲，但网页上的第一个标题是 h2
A WebAIM post heading-level outline on Imgur
- 此 Accessiweb 页面 (http://www.accessiweb.org/index.php/expert-accessiweb-en-evaluation.html) 具有连贯的轮廓。
虽然它不是 HTML5，因此开发人员不必处理诸如 « nav element with no heading » 之类的警告，最重要的是，该网站每个页面的每个 h1 都是网站的标题（« Accessiweb » )，页面标题是 h2... 看起来对于可访问性和 SEO 来说是个坏主意。
Heading-level outline from accessiweb.org on Imgur
如果 h1 是帖子的标题，全局部分应该使用什么标题（如导航或页脚）？
- 如果一个人使用h1，它就打破了“每页只有一个H1”的规则
- 如果使用 h2，则层次结构错误（参见 Mozilla 博客示例）
- 如果不使用任何标题，则 W3C 验证器会发出警告（« nav element with no heading »）
我什至不知道屏幕阅读器用户不断在他们的标题列表中包含全局部分是否是一件好事，他们可能会觉得听到 « h1 全局导航 - h1 我的帖子标题 - h1 订阅我们的时事通讯 - h1 其他内容（页脚） » 当他们在每个页面上使用标题导航时。
或者，也许相反，他们在每个页面上都需要它，并且他们无法访问每个页面上的每个内容会很烦人？真是头疼！
所以：是一个正确且连贯的标题级大纲，甚至可能在站点上具有全局部分在 HTML 文档大纲之外？
我知道没有“一刀切”的 HTML 结构，但大多数网站都有页眉、全局导航、主区域和页脚，所以我想我们至少可以有这些项目的样板。
【问题讨论】：
标签： html sections html-heading