标头元素和 WCAG 2.0 的语义

Semantics of header elements and WCAG 2.0

提问人:RyanP13 提问时间:4/11/2011 更新时间:4/12/2011 访问量:181

问:

我正在使用 Total Validator 和 WAVE 工具栏在我目前正在开发的网站上进行一些可访问性测试。

使用这些时,它会引发文档标题结构的问题,并导致准则 1.3.1 - 以不表示内容中关系的方式使用结构标记失败

http://www.w3.org/TR/WCAG20-TECHS/F43.html

我一直明白页面上最重要的标题应该是 h1,并且这个标题并不总是页面上的第一个标题。

因此,例如,我在网站的刊头上有一个 h2,它出现在标记中的 h1 之前。但是,即使 h2 出现在 h1 之前,我也不会说它描述了页面以及我标记为 h1 的文本。

如果我将 h2 标记为 h1,那么整个网站中最重要的标题将仅与网站相关,不会有效地描述页面。

由于各种原因,我本来认为这不是好的做法,例如 SEO、可访问性(使用标题浏览网站的辅助技术)

我很确定这是一个实用主义胜过验证的案例。

XHTML 标头 辅助功能 语义 WCAG

评论

0赞 Don Zacharias 5/26/2011
那么,您刊头上的 h2 真的需要是 h2 吗?也许它可能只是一些其他元素,比如跨度。因为我同意,所以 h1 应该特定于页面内容。

答:

1赞 Alohci 4/12/2011 #1

我不清楚你是否真的有问题,但前提是 h2 的内容是某事的标题,在我看来,你的基础非常坚实。

请记住,自动辅助功能检查器通常会查找可疑模式。他们很少能绝对确定你做错了什么,所以他们应该被用作助手,找到你可以手动检查的地方,看看你是否可以以更好的方式标记内容。最重要的是,请记住,最终目标是让尽可能广泛的用户群可以访问您的网站,而不是关闭自动化测试工具。