wcag 2.0 的 1.3 和 2.1.1 部分

Question

我正在阅读位于此处 (click me) 的 WCAG 2.0 指南，其中的某些部分我不清楚。

1) 正如我从1.3 部分了解的那样，例如，我应该制作在没有 css 的情况下正确可见的内容。我想知道它是如何“与技术无关”的？简单地说，我必须在某些情况下使用 javascript，以便我的一些 css 很酷的东西可以工作。因此，如果我想让我的网站独立于 JS - 我根本做不到。此外，如果我使用的是 JS 编码的东西，我不能确定它是否适用于某些屏幕阅读器。再说一次，这取决于技术。我在这里错过了什么吗？

2) 关于 2.1.1 部分。例如，如果我的网站上有一个滑块，但由于某种原因我无法从键盘访问它，但它没有键盘陷阱并且滑块所代表的内容没有临界值（可以从其他链接访问它）地点）。这对成功的标准好吗？在 2.1.1 部分的描述中，它说“尽可能”，所以我猜它完全没问题，但我不确定。

Answer 1

1.3 包含三个部分，但正如 Adam 所说，与技术无关的部分是指 WCAG 规范本身。这并不意味着您的网站必须与技术无关。

1.3.1，信息和关系，对于没有远见的用户来说非常重要。如果用户看不到页面，那么该用户将无法看到页面/应用程序的结构/物理布局如何创造意义。有视力的用户通过各种视觉提示来感知结构和关系，例如标题用粗体表示、段落用空行分隔、数据的行和列等。当这些关系对一组用户来说是可感知的时，这些关系应该对所有人都可感知.

您使用什么技术来创建应用程序并不重要，这就是该规范与技术无关的原因。如果您碰巧使用 html、css 和 javascript，只需确保使用标题标签、正确标记表格，并在需要时使用相应的 ARIA 标签。

1.3.2 有意义的序列，对于没有视力的用户也很重要。例如，如果您有一个购物车结账流程，其中步骤是直观排列的，因此您在结账时知道步骤的顺序，您应该确保这些步骤的标签和阅读顺序（DOM 顺序）也是相同，以便屏幕阅读器可以正确地完成该过程。

1.3.3 感官特征。确保对象的大小、颜色或形状不是如何与对象交互的唯一线索。不要有诸如“单击绿色按钮”或“选择圆形图标”之类的指示。没有视力的用户不知道哪个是绿色的还是圆形的。

关于 2.1.1，您页面上的所有交互元素都应该可以通过键盘访问。滑块很容易。原生滑块本质上是可访问的。如果您使用 div 标签制作自己的滑块，只需设置正确的 ARIA 标签。请参阅https://www.w3.org/TR/wai-aria-practices/#slider 获取指导。

Answer 2

1. WCAG 与“技术无关”，但您的网站并非必须如此。

您可以从 WCAG 的网站上看到“依赖技术”声明的示例： https://www.w3.org/TR/UNDERSTANDING-WCAG20/conformance.html

1. 如果不尝试用户体验，很难回答这个问题。您必须记住，仅键盘导航并非仅供盲人使用。因此，查看滑块并且无法与之交互可能会非常令人沮丧。

对于“屏幕阅读器”的观点，如果元素纯粹用于装饰或冗余（aria-hidden 属性），您可以选择忽略这些元素，但这并不意味着您可以忽略这些元素的键盘可访问性。