WebAIM  - 无障碍记

无障碍网页狂野
现在,即使是狂野!

注意

本文介绍了各种各样的错误,误解,过度放纵,复杂性和现代无障碍的一般傻方面。因此,网络无障碍狂野 - 虽然大多数可访问性问题是由于缺乏知识,有时候是最令人震惊的错误是由善意的开发商谁只是误解的概念或把他们有限的无障碍的理解发挥到了极致级别进行。我们希望提供许多是经常被误解和误用,希望他们能在未来适当实施无障碍的细微方面的概述。

如果您有任何评论或补充,请把它们发布到博客

替代文本失误

尽管是网页可访问性的第一条规则,缺少和不适当的替代文本的执行仍然是网页可访问性的最成问题的方面。而在技术层面上,添加alt文本非常简单,容易理解备选文本的要点可以是相当困难的。

描述性的替代文字

我们继续看到在替代文本描述的图像。任何时候替代文本包含描述对于图像而言,替代文本可能不是最佳的,而且通常都很糟糕。替换文本必须传达内容功能图像的和应该很少是形象的描述。而不是提供什么形象的样子,替代文本应该传达什么形象的内容和它做什么。

这种误解导致了一些事情,如,ALT = “子弹”ALT =“红色箭头”ALT =“在页脚的顶部旋风线”ALT =“蓝色角落阴影”,以及其他无用的替代文本。这在包含文件名的alt文本(ALT = “logo.gif”)。

进一步说一个步骤中,开发者通常通过传达替代文字的图像的存在:

猫的图片
alt="我的猫的图像"

这并不重要,大多数图像识别为图像。如果它是绝对至关重要的,你识别图像的绘画或照片,那么这应该是替代文本的一部分,虽然这应该是例外,而不是规则。

“微笑姐”图像

该网站是充满装饰性的图片的。出于辅助目的往往是很难,是真正的装饰性的图片和那些传达的内容进行区分。许多图像来增强内容或提供情绪或感受或设计主题页面。通常,这样的图像被错误地给出替代文本。

微笑小姐???
ALT = “微笑小姐???”

许多这些类型的图像实际上比信息更多的装饰。大多数屏幕阅读器的用户倾向于同意,他们并不真正在意的心情,感觉,或站点的美学 - 他们希望在不那么重要的信息,这些多余的比特的重要内容。

握手
ALT =“我们的业务的承诺,你会发现这个星球上最好的服务。我们的团队经过专业培训,提供整个合同谈判过程中卓越的客户服务。客户的满意是我们的首要任务,是保证。”

然而,这变得更加困难,当设计师在战略上选择和定位图像中表现寄予很大的努力某物。同样,虽然它最终取决于内容创作者,以确定是否和多少替代文本提供,我们的建议是宁可极简主义的一面,而大多数情况下,这种手段ALT = “”用于这些类型的图像

链接的图像

也许是近年来增长最快的可访问性问题一直是缺失的替代文本链接的图像的令人担忧的趋势。

在上面的例子中,图片和下面的文字是单独的链接。在这种情况下,图像必须提供替代文本。如果图片是链接中唯一的东西,或者它是一个按钮,它必须有足够的替代文本,以向用户提供该链接或按钮被激活后将会做什么。即使备选文本与相邻文本相同,也是如此。就上述例子(网上商店的常见现象)而言,最好的解决办法是简单地把图片和文字组合成一个连结,然后把图片换成空白的alt文字(ALT = “”),因为文本现在充分提供所述图像和所述替代的链接的功能。

此外,由于屏幕阅读器识别链接,你不需要确定链接的图像和链接存在。换句话说,忌ALT =“链接到苹果iPhone”

复杂的图像

复杂图像(如图表和图形)的内容不能总是以替代文本的形式充分提供。对于替代文本来说,多长时间太长?如果你被迫在屏幕阅读器上听它,甚至变得有点负担,那就是它太长了。如果这对你来说还不够明确,那么100个字符是一个不错的标准。

longdesc属性旨在提供长描述页的URL(例如,LONGDESC = “chartdata.html”),而不应包含实际的长篇描述(例如:longdesc = "这个图表……”)。

图表显示的是随着时间的销售增长
在过去的9年中,销售量稳步增长,从1996年的500万辆上升到2004年的1600万辆。

此外,有时复杂的图像都包括在内,但是图像的实际内容是相当简单。在这种情况下,不要自责提供包含在试图解决可访问所有可能的数据点的完整详细说明。只需在提供替代文本数据的简要总结将可能是足够的。在,如果你不认为典型的网站访问者会关心销售额,2001年分别为1300万上面的例子中,又何苦在文本提供这个数据给他们?

辅助功能选项都很少一个很好的解决方案

上面的陈述当然是泛化的,但是典型的可访问性选项和首选项(例如,字体大小的小部件,高对比度的设置,等等)表明了设计过程中一个糟糕的或不值得推荐的决定。如果你的默认字体对网站访问者来说太小,那就使用合适的字体。如果你的对比度不够,就修正它。可访问性选项和首选项通常是为了适应站点默认可访问性的缺陷,或者表明开发人员无法在选项之间进行选择,而迫使站点访问者做出决定。

提供了辅助功能选项任何时候,它可能有利于一个用户群,但在同一时间将缺点几乎所有其他用户。字体大小调整选项可能是那些低视力没有屏幕放大器或已经增加了字体,但这样的选择会让网页到其他人不太容易接近有用。万博体育官网网址所有浏览器都允许大小或页面内容的缩放 - 为什么复制此浏览器功能?

直到用户代理...

他们是这样。

网站内容可访问性指南1.0提供了几个检查点才有效,直到用户代理自动做一些账户正在解决通过检查站的问题。在几乎所有情况下,这些检查点可以忽略不计。这包括需要在表单字段(例如,“在这里输入你的名字”)默认文本检查点,将非链接打印字符相邻的链节之间,并提供影像地图热点多余的文字链接。

可访问性>合规

在无障碍领域的共同主题是一种信念,遵守一套准则意味着你可以访问。万博体育官网网址您可以完全第508条例如,顺从,但完全不可访问。万博体育官网网址指导方针和标准,甚至WCAG指南,应作为工具,而不是作为无障碍的真实测量。虽然准则可能帮助我们确定该专页IN万博体育官网网址ACCESSIBLE,他们不能也绝不会能够仿佛在告诉我们,我们的页面IS万博体育官网网址可访问。

我们已经看到许多情况下,指导原则(特别是第508条),采取这样字面上无障碍受到影响。我们已经看到了它认为你不能提供一个页面,没有一个选项列表资源链接到在这些“重复的导航链接”跳过。而且,你不能提供一个Word或Excel文档作为备选到基于网页或数据表,因为你不能随意让这些程序提供了一个链接,用户。废话!准则的目标是支持无障碍,但是当极端分子更注重合规性比无障碍,无障碍最终什么缺点。

Accesskeys和tabindex属性

不要使用它们。

他们几乎总是导致可访问性减少。正确实施,即使(这是罕见的),它们通常用来解释贫穷的设计决策。举例来说,自然通航秩序是不合逻辑的,所以tabindex属性是用来修复它。或搜索是不是在页面内普遍存在,所以accesskey实现提供给它更快地访问。ACCESSKEY和tabindex属性的好处很少超过他们介绍的问题。

为屏幕阅读器隐藏内容

WebAIM也许是第一个推出通过屏幕阅读器读取隐藏的内容明显,但允许它的方法(内容隐藏着CSS的显示:无visibility:hidden的不被大多数屏幕阅读器读取)。当前实现这些技术,然而,现在产生了一些令人不安的趋势。

呈现的内容只有屏幕阅读器的用户只应在提交的补充内容已经明显的视力正常的用户。有迹象表明,导致非常明显的视觉现象可能不是谁的以线性的方式访问内容的屏幕阅读器用户初步显现几个标准设计实践。例如,在这个网站,每个页面顶部的搜索词输入框,尽管未提供可见标签的事实是显而易见的。相邻的“搜索”按钮充当其视觉标签。在这种情况下,提供了一个隐藏的标签,指示文本框的功能。在页面顶部的面包屑是通常很好,因为他们的整体视觉呈现,不提供给屏幕阅读器用户的东西为名的设计元素。在这种情况下,我们增加了隐藏的“你在这里:”面包屑,以提示屏幕阅读器用户为接下来要做什么之前立即文本。最后,在每个页面的底部的谷歌广告是为广告视力正常的用户明显。对于屏幕阅读器的用户,我们确定了广告块的开始。

屏幕阅读器的用户隐藏的文本不应该被用于提供功能或内容可能是有用的,不使用屏幕阅读器的其他用户。如上面所提到的,当提供了用于用户的一个特定组的内容或功能,它通常会降低可访问性的其他用户。

固定屏幕阅读器的不足

屏幕阅读器一般吸。虽然很强大的技术,他们从错误,不一致,有时甚至不合逻辑的奇怪遭遇。这在一些文本和页面元素的阅读方式尤为明显。例如,WebAIM的主办机构是犹他州立大学和犹他州立大学。USU被大多数屏幕阅读器为“oosoo”读。一些开发人员,遇到这样屏幕阅读器的怪事时,将尝试通过诸如与具有“你ESS你”的替代文字图片替换文本USU纠正这些问题。

在大多数情况下,你应该忽略在屏幕阅读器这样的缺陷,并专注于如何提供可访问性。屏幕阅读器正在改善所有的时间 - 这是不是开发商的工作,考虑其当前的弱点。

相关的不当形式的详情


你知道以前的表单元素是?可能不会。当单选按钮或复选框的基团的目的是看不出来的从标签自己,然后给字段和传说是必要的。

执行以下单选按钮需要一个字段和传奇?


由于屏幕阅读器将读取之前的传说一切形成字段集内元件,图例应简洁和准确的。

屏幕阅读器通常利用“形成模式“填写网络表单时,当在形式模式中,仅形成元件和它们的正确相关联的标签识别时通过表单的用户导航,因此,不属于形式的标签或一个字段说明的一部分的任何指令和线索是不可能被读取。

我是非常重要的指示,而是因为我在标签或图例可不是,屏幕阅读器的用户可能不会听我的。

一定要把重要的形式说明和提示,如需要的表单域的迹象,无论是数据表格前格式要求等等,一个表单元素标签内,或者在一个字段传奇。

称号属性

标题属性,根据定义,可以用来提供咨询信息。它应该:

  • 不提供至关重要的信息或所必需的辅助功能信息。
  • 如在文字或可选文字可不能提供相同的信息。
  • 不存在明显的。如果咨询标题没有提供额外的,有用的信息,它可以被删除。
  • 谨慎使用的小链接和导航项目,因为标题提示可以覆盖基础项目。
  • NOT被用作用于替代文本,标签形式,表头,等等的替代品
  • 总是用于框架元素上(例如,<帧标题=“导航”>

title属性不能读取在大多数屏幕阅读器的大多数元素在默认情况下。例外的是不具有标签的框架元件和形式的元件。当一个表单元素没有标签,但确实有一个标题,标题通常会被读取。这种做法,但是,往往是标题的滥用 - 如果title属性是必要的,以确保表单元素的辅助功能,那么它肯定包含更多的不是简单地咨询信息。更好的办法是插入一个关联的表单标签,如果必要的话,该标签可以用CSS隐藏起来。

布局表格

只要他们不介绍不合逻辑的或非天然的读/导航顺序布局表格对可访问性几乎没有影响。虽然布局表不是最佳的原因有很多,但可访问性不是其中之一。

摘要<表总结= “....”)不应该在布局表格中使用。因为概要可被显示作为浏览器工具提示,这可能会引起混淆为视力正常的用户。想象一下,把你的鼠标上定位在一个布局表格中项目和看到的提示“用于布局的导航项目表”。

隐形链接焦点

正如之前记录的,不样式链接概要:0。它使对焦指示,虚线或“行进中的蚂蚁”是环绕集中的链接和按钮,不可见的。

不符合要求的HTML!=无法访问万博体育官网网址

W3C验证显示1858年的错误。以前,我收到一封匿名电子邮件从一个网站访问者是说,有些时候,“我不能相信你声称关心无障碍和现在自己作为无障碍专家,当你的网页甚至未通过W3C验证!”他没有,讽刺的是,指示哪一个页面未得到验证(如果你找到它,让我知道)。

虽然任何一个热衷于可访问性的人都应该提倡符合标准的代码,而适当的代码支持可访问性,但是有许多页面具有非常糟糕的、不符合标准的HTML,但却是完全可访问的。万博体育官网网址另一方面,我确信有些XHTML兼容的页面是非常难以访问的(尽管这些页面很难找到)。万博体育官网网址

可访问性声明和遵守徽章

我们不需要讨厌的徽章!

Unless there is a legal reason for identifying your site's level of accessibility or compliance with guidelines, standards, and tools, there is little usefulness in adding accessibility statements and badges (e.g., W3C, Bobby (rest in peace), Section 508, etc., icons or symbols) to your web site. While developers may take pride in their compliance and may want to evangelize standards and tools, doing so on every page of a web site introduces unnecessary complexity and overhead. Of course, if your typical site visitor knows what "W3C WAI-AAA WCAG 1.0" means, then page complexity may be the least of your worries. :-)