盲人/视障者 - 重定向到无障碍网站答案

【问题标题】：blind/visually impaired - Redirect to Accessible website盲人/视障者 - 重定向到无障碍网站
【发布时间】：2014-11-25 15:54:43
【问题描述】：

有没有一种方法可以在网站上的选定页面上添加一些内容，告诉使用 NVDA 等无障碍软件的人去页面 X 以获得完全的可访问性。

我有一些页面有很多东西难以访问并保持用户设计。

像移动页面一样思考，您可以在其中重定向到 mobile.mysite.com

我想要 mysite.com/mySelectedFolder/index.xyz?accessibilty=on 此页面将删除所有对 NVDA 造成困难的用户图形、javascript 和其他内容。可能会更改某些数据的显示方式。

这是一件坏事吗？

【问题讨论】：

我不熟悉 NVDA，但它是否通过发送额外的标头、禁用 javascript 或从页面中添加/删除内容来操纵浏览器？
通常不鼓励使用单独的“可访问版本” - 因为您现在有两个单独的站点需要维护（并且屏幕阅读器用户通常最终体验较差或缺少功能）。当使用适当的技术时，屏幕阅读器可以使用 javascript 和图形；首选方法是编写使用这些技术的可访问页面，以便所有用户都可以使用它们。您遇到的具体问题是否会导致问题？最好先询问如何解决这些问题，然后再申请独立网站。
此外，并非所有有障碍的用户都在使用屏幕阅读器等软件，例如色盲、行动不便的人因此依赖键盘。
jazZRo、NVDA 和其他辅助技术不会操纵浏览器，它们依靠浏览器的辅助功能 API 来获取有关网站的信息。

标签： accessibility

【解决方案1】：

WCAG 2.0 allows an alternate version，但是

您需要确保不可访问页面在一定程度上是可访问的（否则您的用户将无法访问不可访问页面上的可访问页面的链接），并且
李>
您必须提供“所有相同的信息和功能”。

没有可靠的机器可读方法来检测用户是否会受益于或需要可访问的页面。并非所有视障用户都使用屏幕阅读器（即使您无法检测到每个屏幕阅读器的使用情况）。

在几乎所有情况下，我都会尽量避免创建替代版本。为所有人制作一个页面，并使其易于访问。

【讨论】：

【解决方案2】：

如果您想通知您的用户存在可访问版本，但只有那些需要它的用户，我建议您在页面顶部设置一个隐藏链接（就像您正文中的第一个元素一样）。

代码做起来相当简单。下面的示例 HTML 和 CSS 将为您提供一个在页面上不可见的链接，除非它具有焦点（大多数有视力的用户永远不会触发）。

HTML

<a class="assistive-text" href="http://yoursite.com/accessible version">Go to Accessible Version of this site</a>

CSS

.assistive-text {
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}
.assistive-text:focus {
  clip: auto !important;
  display: block;
  position: absolute;
  z-index: 100000;
  /* everything below this comment is just for the look */
  background: #fff;
  border: 2px solid #333;
  border-radius: 3px;
  color: #000;
  font-size: 12px;
  padding: 12px;
  top: 5px;
  left: 5px;
}

如果您希望网站上的每个页面都使用它，那么您可能希望根据当前页面的链接生成链接（但这是另一回事了）。

我必须同意 BrendanMcK 的评论，即为您的网站制作单独的可访问版本并不是一个好主意。大多数屏幕阅读器都可以很好地处理 JavaScript 和图形，并且有一些框架（比如 jQuery-UI）应该是可以访问的。解决屏幕阅读器中遇到的问题通常也会对您的普通用户有所帮助。

【讨论】：

并非所有视障用户都使用屏幕阅读器，因此视觉隐藏的链接也会为他们隐藏。
有问题吗？问题围绕着屏幕阅读器和专门为使用它们的人创建一个替代版本的链接。