javascript - 508 ADA Compliant - 跳过内容的方式

Question

假设您有一个来自您从外部资源加载的提要的更新元素列表，您知道您的 ADA 用户绝不会愿意听到他们的屏幕阅读器阅读这些内容。有没有一种方法我找不到让他们跳过该内容，甚至从屏幕阅读器可能看到的仍然符合 508 的内容中省略它？

我知道“跳过导航”技巧，但想知道另一种用于临时情况的方法，如果有人知道一个干净的技巧，我希望得到教育？谢谢!

Answer 1

Chris - 我建议更改您使用的语言。将残疾人称为 ADA 用户类似于将非裔美国人称为半贬义的名字。

loading from an external resource that you know your ADA user would never care to hear read by their screen reader.

你能为这个相当大的假设提供一些证据吗？除去我们谈论的是残疾人这一事实，引用的行会读作“我的页面上有一个功能，多达 20% 的访问者不会关心”。大多数人会说“你为什么要在一个功能上花费那么多的空间？砍掉它!”

your ADA user would never care to hear read by their screen reader

这也是您的视野有限。 ADA 用户，而不是残疾人不只是使用屏幕阅读器。

Is there a way I'm not finding to let them skip that content, or even omit it from what a screen reader might look at that's still 508 compliant?

执行此操作的最佳方法是您提到的跳过链接方法。伪代码:

<a href="#jump" class="hidden">Skip over the useless feature</a>
<div>
  // code for the useless feature
</div>
<a name="jump" id="jump" tabindex="-1"></a>
<p>blah blah blah</p>

然后 .hidden 会是这样的:

.hidden {
  position: absolute;
  left: -999px;
  z-index: 999;
}
.hidden:focus { left: 999px; }