网站可访问性破坏 - 规则,要做的事情,提示等

时间:2011-03-28 23:46:37

标签: accessibility

可访问性对我很重要,因为我是身体残疾的开发人员。我想确保我对于使网站可访问所需的内容有良好的感觉,同时也指出了我不确定的事情的正确方向,或者只是没有考虑过。所以,这就是我现在所熟悉的:

带有意义的图片的替代文字。

需要重新调整屏幕大小的用户的百分比或字体相对测量值(ems)。

具有色盲的人具有良好对比度的颜色。

任何音频/视频材料的文字表示。

问题:

我应该在网站顶部建立一个链接,以跳转到每个页面上的内容吗?

屏幕阅读器如何处理JavaScript?

我有什么重大的缺失吗?

3 个答案:

答案 0 :(得分:3)

WebAim.org是一个很好的资源,适用于所有与网络无关的内容。建议从WCAG (Web Content Accessibility Guidelines) checklist开始。

快速回答你的问题:

我应该在网站顶部建立一个链接,跳转到每个页面上的内容吗?

这是目前推荐的最佳做法。 (最终HTML5语义标签将消除对此的需求,但我们还没有。请注意一件事:如果你使用隐藏的链接,请务必在焦点有效时再次显示它,以便看到键盘用户不会“迷失”。)

屏幕阅读器如何处理JavaScript?

全部取决于您使用它的目的。问题的主要区域是如果出现用户应该知道的新内容(例如,弹出窗口,扩展块);如果它没有得到键盘焦点,屏幕阅读器可能无法将其读出给用户,并且用户可能没有意识到任何事情已经改变。这是一个可能需要使用真实的屏幕阅读器(例如NVDA或JAWS)进行测试以确保其实际可用的区域。一种简单的方法是仅响应于用户请求而出现UI:例如,用户点击返回菜单项以使菜单出现,不要仅仅响应于它获得焦点而使其出现。然后当它出现时,将焦点设置为第一项:这是大多数UI中菜单的预期行为,并且更改焦点通常还会导致屏幕阅读器读出新项目,这会向用户确认发生了某些事情。 (另外,如果使用Javascript向现有元素添加行为 - 例如,使链接表现得像一个按钮 - 使用WAI-ARIA属性(如role =“button”)让屏幕阅读器知道意图是什么,这样它就会读取将该角色输出给用户,并说“按钮”而不是“链接”。)

我有什么重要的缺失吗?

我认为你已经掌握了上面提到的大部分要点; WCAG清单应填写其他所有内容。值得一提的一个主要方面是适当地使用标题(H1等)。对于屏幕阅读器用户,按标题导航是导航页面的主要方式。通常,当导航到用户之前未访问过的页面时,用户将点击热键以使屏幕阅读器在该页面上显示标题列表,作为“略读”以获得概述的方式。拥有良好的链接文本也很重要;理想情况下,链接应该是自我描述的,因此当您在页面中进行选项卡时,您不仅可以听到“点击更多”,“点击更多”。

答案 1 :(得分:1)

对于较新的浏览器,IE8,IE9,Firefox 3?和Safari 5(可能是4),以及更新的屏幕阅读器WAI-ARIA是可行的方法。除此之外,它具有里程碑式的作用,如果你有一个ARIA阅读屏幕阅读器,如JAWS 12和可能的JAWS 11和10,屏幕阅读器可以用来跳转。如果你希望事情可以向后移动,但是网络的方向,它可能会变得有点笨拙。它们是ARIA的许多其他优点,但这是与你的问题相关的优点。在相关的说明中,Mac的VoiceOver也应该符合ARIA标准。

答案 2 :(得分:1)

我并不是不同意所选的最佳答案,但我会花更多时间来学习WCAG 2.0,而不是原来的WCAG规范。无论是在美国还是在国际上,Web内容可访问性指南2.0都迅速成为标准。实际上,负责定义508条准则的访问委员会正在更新与WCAG 2.0协调的标准。

Web Content Accessibility Guidelines (WCAG) 2.0开始,您可以找到很棒的信息。