508 ADA Compliant - 跳过内容的方法

时间:2014-02-18 04:55:30

标签: javascript html css html5 section508

假设您从外部资源加载的Feed中有一个更新项目列表,您知道您的ADA用户永远不会听到屏幕阅读器读取的内容。有没有一种方法我不会让他们跳过那些内容,甚至从屏幕阅读器看起来仍然符合508的内容中省略它?

我知道“跳过导航”技巧,但是想知道另一种特殊情况的方法,如果有人知道一个干净的把戏,我希望接受教育吗?谢谢!

2 个答案:

答案 0 :(得分:2)

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

  

从外部资源加载您知道您的ADA用户永远不会听到他们的屏幕阅读器读取。

你能否举出这个相当大的假设的证据?考虑到我们正在谈论残疾人的事实,引用的行将会读到"我的页面上有一个功能,高达20%的访问者不会关心。"当时大多数人会说"为什么你要在一个功能上花费那么多的房地产?斧头!"

  

您的ADA用户永远不会关心他们的屏幕阅读器阅读

这也是你有限的愿景。 ADA用户,而非残障人士不仅仅使用屏幕阅读器。

  

有没有一种方法我没有让他们跳过这些内容,甚至从屏幕阅读器看起来仍然符合508的内容中省略它?

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

<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; }

答案 1 :(得分:0)

将标题标记放在&#34; important&#34;的开头。内容,以便它可以很容易地跳转到。作为屏幕阅读器用户,我通常通过标题导航页面作为跳过样板内容的更可靠的方式。主持人并不总是工作;有时候他们会把你送到页面上的随机位置,或者什么都不做。