Question

有没有办法在网站上的选定页面上添加一些内容，这些内容说明使用可访问软件（如NVDA）的用户可以访问页面X以获得完全的可访问性。

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

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

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

这是一件坏事吗？

Answer 1

WCAG 2.0 allows an alternate version，但

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

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

我几乎在所有情况下都试图避免创建备用版本。为所有人制作一个页面，并使其可访问。

Answer 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）应该是可以开始访问的。屏幕阅读器中遇到的修复问题通常也会帮助您的普通用户。

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

2 个答案: