1

我正在尝试编写符合可访问性 (WCAG 2.0) 的 HTML5 页面。

页面结构常见：

  • 顶部/标题：徽标 + 文字声明 + 自定义按钮（例如：插入您的广告）+ 主菜单
  • main：选定广告列表+分页
  • 页脚：页脚链接+免责声明

当然，我页面的主要内容是列表块，由 H1 标签引入（例如“罗马红色自行车的精选广告”）。

现在，鉴于：

  • 层次化的标题组织被明确说明为可访问性的标志（参考：http ://www.w3.org/TR/WCAG20-TECHS/H42.html ）
  • 使用辅助技术用户代理“不能依赖 HTML5 大纲算法向用户传达文档结构”（参考：https ://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document ）

我对在主要内容之前的页面顶部的内容表示怀疑：

我无法为其分配 H2 或 H3，因为 h1 紧随其后，另一方面，我不想让首页内容没有标题。

谢谢。

4

1 回答 1

1

关于技术要了解的一件事是，它们是信息性而非规范性的，请阅读以下文档http://www.w3.org/TR/WCAG20-TECHS/Overview.html的“摘要”

这意味着 1.3.1 的要求只是你标记你的结构来表示信息的语义。

这意味着您绝对可以以低于 H1 的标题级别开始页面。这实际上是允许 H1 描述页面的主要内容以及您能够使用语义标题级别来描述可能出现在主要内容之前的横幅内容或导航内容所必需的。

作为最佳实践，您还需要在页面中添加两件事：

  1. 主要内容、横幅内容、导航元素和页脚内容（如果适用）的标志性角色，以及
  2. 允许仅使用键盘的用户直接跳转到主要内容区域的跳转链接（您也可以扩展它以允许跳转到其他标志性区域，如页脚、导航等）
于 2015-07-21T10:51:53.283 回答