【问题标题】:Semantics of header elements and WCAG 2.0标头元素的语义和 WCAG 2.0
【发布时间】:2011-08-03 04:23:10
【问题描述】:

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

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

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

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

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

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

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

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

【问题讨论】:

  • 那么你的刊头中的 h2 真的需要是 h2 吗?也许它可能只是像跨度这样的其他元素。因为我同意,所以 h1 应该特定于页面内容。

标签: xhtml header accessibility semantics wcag


【解决方案1】:

我不清楚你是否真的有一个问题,但如果 h2 的内容是 something 的标题,我认为你的基础很稳固。

请记住,自动可访问性检查器通常会寻找可疑模式。很少有人可以绝对确定您做错了什么,因此应将它们用作帮助查找可以手动检查的位置,以查看是否可以以更好的方式标记内容。最重要的是,请记住,最终目标是让尽可能广泛的用户群访问您的网站,而不是关闭自动化测试工具。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-10-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多