网站中每个页面的替代版本是否是WCAG 2.0的有效方法?

时间:2018-06-30 23:12:03

标签: accessibility wcag2.0 web-accessibility

我们正在研究一个需要复杂设计的新项目,但是客户也希望它是WCAG 2.0兼容的AA级。因此,我们想到了在每个页面的顶部添加一个工具栏的想法,即在按钮上说“查看此页面以增强可访问性”,然后将首选项存储为cookie。

问题是这是否被认为是歧视或一种很容易错过并破坏目标的技术?我们可以通过多种方法使此切换按钮非常明显,但是我们还没有看到任何站点在进行此类操作,也没有找到任何支持或反对它的文档。

4 个答案:

答案 0 :(得分:3)

从技术上讲,是的-这是WCAG 2.0的有效方法-但您会发现很多可访问性专家都不推荐这样做。

WCAG 2.0支持文档在Understanding Conforming Alternate Versions中为此提供了许多上下文。但是,在“ Why permit alternate versions?”部分的末尾,显然反对这种方法:

  

请注意,提供备用版本是符合WCAG的后备选项,并且首选的符合性方法是直接访问所有内容。

使用您自己的网站比较给出此情况的原因,只有在确定您无法在主版本中达到一致性时,才采用这种方法。如果您可以在主要版本中访问大部分页面,则可以为几个页面使用替代版本。

您的部分问题涉及歧视:

  

问题是这是否被认为是歧视或一种很容易错过并破坏目标的技术?

WCAG 2.0本身并没有真正解决歧视问题,但是当地法规可能会解决。这不是法律咨询的地方。

我个人的观点是,付出大量努力来提供(和维护)替代版本并不能真正构成歧视,但也不能实现包容性。想象一下一个公共图书馆:一栋古老的建筑,台阶通向一个宏伟的正门。行人可以在里面漫步,欣赏美丽的中庭,查看有关时事的海报,与图书管理员交谈或直接去看书。轮椅使用者必须走到后门,然后按铃让图书管理员进来,让他们进去。图书馆员也必须再次放任他们。虽然图书馆可供轮椅使用者使用,但体验却是一流的。可通过“替代住宿”访问。理想情况下,轮椅使用者可以进入宏伟的前门入口,但该建筑具有受保护的地位。网站比建筑物更容易改进,因此最好避免使用其他版本。

您提到的提供“增强的可访问性”的“工具栏”值得进一步探讨。您的替代版本确实是功能完善的页面,还是仅应用了一些调整的同一页面?为用户提供定制选项也是一种有效的方法-有关示例,请参见Fluid Infusion Preferences Framework项目。相关的WCAG技术是:

答案 1 :(得分:0)

将网站的每一页翻倍通常是个坏主意。您最好使主站点可访问。

别忘了它将使您的维护工作加倍。 它最终也会在大约明天或3年后发生,尽管您可以尽一切努力,但与普通版本相比,可访问页面将过时,因为有人忘记了在某个时间做某事在管理站点的组织中。 疏忽可能会产生令人难以置信的后果,您可能会花很长时间来注意到它,并且如果您意识到这一点。

请注意,如果您可以在修改普通页面后自动更新可访问页面,则很有可能可以使该普通站点首先可访问。

多项研究和确定(例如:webaim)表明,如果只有文本或页面的更易访问版本可用,则大多数可能有用的用户根本不会打开它。 除了可能难以找到链接或按钮之外,主要原因是因为他们从根本上知道此类页面很可能会被忘记,过时,错误或没有像正常页面那样精心维护。

答案 2 :(得分:0)

以下WCAG技术可解决此问题:G136: Providing a link at the beginning of a nonconforming Web page that points to a conforming alternate version

这可能很酷,但是不现实。

20%的人口对可及性直接受益:

  • 使用缩放
  • 获得正确的对比度(色盲,...)
  • 具有可读字体(阅读困难)
  • 使用简单的语言(外国人,认知障碍,聋哑人),
  • 使用键盘可访问的控件(由于年龄或事故导致的运动障碍)。

当然,如果您设法为20%的人口提供可访问的版本,为什么要隐藏它?

是因为我可能患有阅读障碍症,所以我想要一个丑陋的黑白页面?

如果要提供工具栏,则应提供不同的选项:增强色盲者的页面,增强盲人的能力,增强弱视力的能力,增强屏幕放大镜的能力,增强阅读障碍,增强运动障碍的能力, ...

答案 3 :(得分:0)

这里有很多很好的答案,以为我会投入两分钱。

可以接受两页,但是如上所述,糟糕的主意,可维护性,SEO等都是因素。

但是没有提到的只是具有可访问性的不同样式表。

假设您的html标记有效且具有逻辑结构,然后使页面可访问是添加aria属性的“简单”情况-覆盖具有屏幕阅读器的用户。

您说的这是一个复杂的页面,因此为残障用户设计的“约束”可能使您在此过程中简化和改进组件,从而始终使客户受益。将HTML更改为可访问,不仅使残障用户受益,而且您会发现它使健全的用户更容易使用该网站,这是一个加号。

一旦您的HTML有效并针对屏幕阅读器进行了可访问性调整,则可以使用不同的样式表(或针对不同情况的多个样式表)轻松实现可访问性的其他部分(部分可见,色盲等)

残障用户需要做很多事情,但主要重点应该是该站点可以在1920 * 1080屏幕上以400%缩放比例使用,可以更改颜色,可以更改字体并可以禁用具有认知障碍的用户的动画

这一切都可以用CSS处理。

我在自己的网站上所做的工作是拥有一个没有动画,标准颜色等的标准样式表。然后是一个单独的样式表,用于:

  1. 动画(默认包含)
  2. 颜色(不使用!important的情况下超越标准颜色)
  3. 没有JavaScript-因为这对于某些事物和屏幕阅读器可能是一个现实问题(我隐藏了某些元素,这些元素在未启用JavaScript的情况下会引起混淆)

这由一个单独的设置页面增强,用户可以在其中选择字体大小,颜色,字体系列,是否显示动画,是否存储图像等,然后存储在本地存储中,然后在每次加载页面时处理为正文上的一些简单类,可以用于对项目进行细粒度控制。