html - 简单的 DOM/CSS 说明？ [WCAG F17 1.3.1]

Question

http://www.w3.org/TR/WCAG-TECHS/F17.html

基于所涉及的一系列测试，我在理解此标准以及导致网站失败的原因时遇到了一些问题。

1. 检查文档中不唯一的 id 和 accesskey 值。

2. 检查具有 idref 值的属性值是否具有相应的 id 值。

3. 对于使用轴属性的表格，检查轴属性中列出的所有值在同一表格的表头单元格中是否具有对应的 id 值。

4. 对于客户端图像映射，如果 usemap 属性不是 URI，请检查 usemap 属性的值是否具有相应的 id 值。

如果第 1 步、第 3 步或第 4 步为真或第 2 步为假，则此失败条件适用且内容不符合成功标准。

Answer 1

这些是使您编写的 HTML 有效的一系列要求。

1 很简单。您的页面上不能有多个具有相同 ID 的元素。如果您的页面上有多个具有相同 ID 的元素，那么当您调用 Javascript 函数时

document.getElementById("idnamehere")

那么您将无法选择所有这些。如果您希望多个元素具有相同的样式，那么您应该使用类属性而不是 ID。 ID必须是唯一的!

2 如果您为元素指定了 idref 属性，那么它必须对应于具有您在 idref 属性中指定的 ID 的现有元素。例如，如果您想使用以下 idref:

<p idref="data"></p>

那么你的文档中一定有一个现有的 id，看起来像这样:

<span id="data"></span>

您不能引用不存在的 ID!

3 我以前从未使用过轴属性，但是我通过阅读该文档和少量谷歌搜索了解到的；如果您想使用轴属性，那么每个单元格都必须在其所在列的表标题中提供相应的轴属性。其他人可能能够对此进行扩展。

4 同样，我从未使用过 ImageMap，但 W3C 文档已将这组规则归类为非唯一标识和不匹配引用的一般主题，因此我只能假设它与 2 类似，imagemap 有一个相应的 usemap，由其 ID 引用(除非它已被指定为 URI)。

---

我认为本文档的要点是强调这样一个概念，即需要它们的元素应该始终有一个相应的属性，并且您的元素 ID 应该始终保持唯一。

如果您正在尝试修复您网站上的某些内容，那么 http://validator.w3.org/可以是一个非常方便的资源，用于查明页面上的错误并进行描述。希望这对您有所帮助!