it-swarm.cn

现代Web应用程序中的可访问性

我目前是一个团队的成员,该团队为德国客户开发复杂的Web应用程序(对不起,您不能说任何有关该项目的信息)。我们希望“成为一个好公民”,并在开发时考虑到可访问性。我们现在面临以下问题:

  1. 如果我们遵循 http://www.w3.org/WAI/WCAG20/quickref/ 上的规则,则有时它们与客户编写的规范相矛盾。我们应该如何处理呢?
  2. 通过使用“新技术”(例如AJAX并替换DOM的一部分)),检查我们是否遵守规则并不容易。例如,当我单击其中一个标签时,当我查看源代码(Firefox 3.6.10)时,根本没有任何更改,那么如何检查是否正确遵守规则?

我希望这个问题适合该网站...

7
mliebelt

在设计可访问的网站时,我倾向于避免使用AJAX互动性极低的文档-这将使您的工作变得轻松很多,并使使用屏幕阅读器等设备的人的生活更加轻松。

您可以做的另一件事是使您的应用程序完全无需JavaScript即可正常运行,然后在增加实用性的地方进行充实。选项卡是一个很好的例子:首先,构建每个选项卡,以便在单击选项卡时将选项卡的内容加载到新页面中。然后,使用不引人注目的JavaScript来“丰富”选项卡的onclick事件,以使其获取所引用页面的内容并使用AJAX加载该页面。现在,您将拥有可访问的选项卡,这些选项卡仍会按照您希望的方式运行。您还可以在应用程序中创建可访问性设置,以控制这些选项卡的行为。

哦,请记住要确保不要破坏后退按钮!

4
Rahul

如果规格与客户的规格相抵触,我将与客户一起处理-解释为什么可访问性很重要,显示世界趋势,并提及在美国的政府场所,这是法律强制执行的,最重要的是提出可以解决问题的替代解决方案。

3
Dan Barak

这是一个古老的问题,但它跳到了顶部,所以这是一个答案。好吧,与其说是答案,不如说是其他答案中似乎没有完全解决的一些关键点:

  • 无障碍指南就是这些指南。当心它们变得过时,缺乏特定的上下文,并推荐与可访问性软件不能很好地配合的东西
  • 可访问性的一部分需要由浏览器和辅助设备/软件制造商来承担。我知道这对最终用户并不完全公平,但是要使标准和最佳实践正常工作,设备和软件制造商就需要像Web开发人员一样遵守它们(我一直讨厌JAWS,因为它缺乏在这方面是最新的)
  • JavaScript现在是网络的一部分。要求它是完全可以接受的。最新的辅助软件和设备应该能够处理它(允许,但可能不能)。甚至W3C都知道这一点,这是ARIA属性值得研究的地方: http://www.w3.org/WAI/intro/aria
  • 总是人工测试您的解决方案。遵循规范,标准和准则是不错的选择,但并不能帮助您一路走好。最后,每种产品都必须自己进行分析。
2
DA01

你写了:

1.如果我们遵循 http://www.w3.org/WAI/WCAG20/quickref/ 上的规则,则有时它们与客户编写的规范相矛盾。我们应该如何处理呢?

正如某人已经告诉我们的最好的事情是:告诉您的客户一些合同,最好遵循标准。而且您还写道:

2.通过使用“新技术”(例如AJAX并替换DOM的一部分)),检查我们是否遵守规则并不容易,例如,当我单击其中一个标签页中,部分内容将被替换。当我查看源代码(Firefox 3.6.10)时,根本没有任何变化,那么如何检查您是否正确遵守规则?

如果对您来说非常重要,我建议您请一些盲人来尝试您的网站。有时,检查可访问性的工具不是最佳选择!

0
Filippo1980

在设计步骤中,无论网站将拥有哪种信息,您都可以考虑网站中的可访问性问题。当您遵循无障碍规则时,您不仅在考虑残障人士,而且还考虑了可以在新网站中找到有用信息的整个用户范围。

最简单的方法是按照您所说的那样在ajax中构建您的应用程序,同时要确保您的网站无需使用javascript就可以正常工作。例如,使用xhtml标记(链接)可以帮助您在没有javascript的情况下使整个网站可用,并且屏幕阅读器或语音浏览器也可以在您的网站上运行。

此标签的插图可以是:

< a id=\"item_menu_15\" href="?module=rapido&amp;mitem=15"
onclick="cargar_modulo('publi_cont',
'comp=articulos&amp;tipo=2&amp;id=18&amp;modv=',
'Loading...',15,this,0);return false;" >

哪里:

id=dom_id(一个dom对象)

href=应该包含指向您要显示的当前内容的直接链接

onclick=应该包含用于构建ajax交互并提供所需参数的函数,例如publi_cont(dom_id-用于容器)和url /参数(comp=articulos&amp;tipo=2&amp;id=18&amp;modv=)想要在容器内部可视化,等等。

请记住,使用ajax或不显示的信息(直接链接)应该相同。然后,所有与可访问性无关的用户都可以以相同方式访问该网站。因此,您不需要根据残障人士来构建网站的不同版本。您应该从设计过程的开始就考虑网站的可访问性规则,然后还可以提高可用性,因为目标用户不仅仅考虑可访问性规则。当然,这取决于客户所需的功能,但是您可以解释说,考虑到可访问性问题,增加目标组可能是个好主意,因为可用性也会增加。

0
user1982