改善所有用户的可访问性

电脑和书

要理解web内容的可访问性,重要的是要考虑残疾用户如何访问和导航在线环境。在关于web内容可访问性的讨论中,有五个基本的残疾类别:视觉残疾、听觉残疾、运动残疾、认知残疾和癫痫。在下面的每一节中,您将了解更多关于特定类型的残疾人在在线环境中可能遇到的障碍,以及他们可能使用的辅助技术类型。

残疾类别

重要的是要认识到所有的残疾都有不同的严重程度。例如,一些有视觉障碍的用户是完全失明的,没有从他们的环境接收视觉输入。另一些人可能能看到大形状的轮廓和一些阴影。还有一些人可能只对区分某些颜色有困难。由于差异很大,有各种各样的辅助技术可供残疾用户使用。我们的目标不是深入讨论任何单一的缺陷或辅助技术,而是帮助您确定特定的缺陷可能影响用户体验的方式,以及如何引入一些辅助技术来减少或消除这些障碍。

视觉障碍

如上所述,影响计算机用户的视觉障碍类型有很大的差异。有些人完全没有视力,有些人有不同程度的有限的视力,还有一些人有完整的视力但感知颜色的能力有限。不同程度视力受限者可能有周边视力丧失或中心视力丧失。在周边视力丧失的情况下,使用者可能可以在视野中心看得很清楚,而沿边缘的视力模糊或不存在。在中心视力丧失的情况下,用户无法看到视野中心,尽管边缘是清晰的。失明的类型对一个人如何与他或她的世界互动有着巨大的影响。

视力障碍患者在尝试访问基于Web的内容时可能遇到的第一个潜在障碍是使用鼠标访问Web浏览器的能力。大多数视障用户使用键盘导航,而不是基于鼠标的导航。事实上,低视力的用户实际上可以利用一种特殊类型的放大字符键盘来帮助识别特定的键和区域。当网站的设计不是显示键盘焦点时,使用键盘导航变得更加困难。键盘焦点是使用键盘在网页上从一个元素移动到另一个元素时显示位置的虚线或高亮线。

正在使用的屏幕放大镜
用户使用屏幕放大镜来放大屏幕元素的大小。

一些低视力的用户可能会使用屏幕放大镜来增加屏幕上元素的大小,超出硬件内置的正常功能。屏幕放大镜有时会有允许你改变颜色和增加对比度的功能。在构建基于web的内容时,设计师应该考虑将内容放大到200倍会对内容的可用性产生怎样的影响。为屏幕放大镜设计内容的一个技巧是,确保网站的基本结构模仿常见的网站结构。例如,大多数网站的导航菜单设计在网站的顶部和底部两侧。你不会想把你的内容设计成把导航菜单,比如,放在网站的中间,因为使用放大镜的人可能不会想到在那里寻找导航的帮助。

最常见的一种辅助技术是屏幕阅读器。屏幕阅读器有很多种类型,但都能够将屏幕上大多数基于文本的信息转换为用户更容易访问的格式。通常,屏幕阅读器将文本转换成合成语音。一些用户更喜欢屏幕阅读器将文本转换成盲文显示。

重要的是要意识到屏幕阅读器并不是真的看到屏幕并阅读它。屏幕阅读器的设计目的是访问基于web的内容的后台HTML代码,并将信息转换为输出。这一点很重要,尤其是当我们讨论基于图像的信息时。除非图像被指定为“alt text”属性,否则屏幕阅读器将不知道如何描述屏幕上的图像。

屏幕阅读器通常还能帮助用户扫描页面以找到特定的信息。用户可以选择通过标题、列表、超链接,有时还可以通过图片进行扫描。只有当web内容设计人员使用HTML代码正确识别组成页面结构的特性时,这些特性才会起作用。想一下你是如何在视觉上浏览一个网站的。您不太可能在每个页面上都停下来阅读每个元素,特别是当内容在几个不同的页面上重复时(例如导航菜单)。正如您可以想象的那样,screen reader用户在每次移动到新的内容页时也不希望听到这些类型的菜单。为了解决这个问题,内容应该设计为“跳过导航”链接,允许用户跳过这些区域,如果他们是不必要的。对于那些不使用辅助导航技术的人来说,跳过链接不一定是可用的。它们可以使用CSS(层叠样式表,控制网页设计的基于web的代码)隐藏。

大多数色盲用户可以用鼠标访问网页内容,而不用屏幕放大镜或屏幕阅读器。事实上,大多数色盲用户在访问网页内容时都不会使用任何辅助技术。但这并不意味着色盲用户就不存在设计问题。例如,考虑一个将错误输入指定为带有红色文本的表单的网站。色盲用户可能不知道文本是红色的,也不知道表单上出现了错误。除非在改变颜色的同时使用另一种方法,否则用户可能会尝试提交表单几次,但很可能会感到沮丧、气馁,并离开web内容。重要的是,内容设计师要避免使用颜色作为向用户传达信息的唯一方法。

听觉障碍

大多数人倾向于认为基于web的内容是一种视觉媒体,在互联网的早期,这在很大程度上是正确的。大多数信息都是基于文本的,对于有视觉障碍的人来说,获取这些信息是最困难的。然而,如今的网络内容包含了许多多媒体元素。尽管多媒体内容可以创建更吸引人、更有趣的web体验,但如果没有根据可访问性指导原则进行设计,它也可能被证明对那些有听觉障碍的人难以访问。

一些web内容包括音频文件。为了确保音频文件的可访问性,web内容设计人员应该包括一份文本,将音频文件中提供的所有信息转换为基于文本的格式。一些网络内容包括视听(A/V)元素。在这种情况下,提供字幕是很重要的。

有两种类型的字幕,封闭和开放。大多数人都熟悉封闭的字幕,它们需要由用户引导来显示。另一方面,打开的字幕总是出现在屏幕上,无法关闭。只要字幕与可视内容同步,两者都符合易访问性准则。还可以包括a /V内容的文字记录,尽管这可能不是特别需要的,这取决于所使用的可访问性指南。

光信号器的图片
光信号可以帮助有听觉障碍的用户了解何时有声音提示出现。

在辅助技术方面,一些有听力障碍的用户可以使用光信号报警。

每当电脑发出声音提示时,这种技术就会使灯光闪烁。光信号警报系统的使用往往是最常见的工作场所的情况下,声音提示被用作日常工作流程的一部分。它们通常被集成到公共建筑的紧急警报系统中。如果你曾经在火灾警报响起时看到过一盏灯在闪烁,那么你就看到了在运行中的光信号警报系统。

因为光信号警报系统在大多数家庭电脑设置中不是特别普遍,所以重要的是,网页内容设计者要意识到在在线情况下声音提示的使用。如果使用了声音提示,那么也应该使用基于文本的警告。文本提醒对于听力正常的用户来说也很有用,他们选择关闭电脑上的声音。一些基于web的内容的设计者可能会选择使用图标来代替基于文本的提醒,例如,一个停止标志表明一条消息包含错误消息。这些类型的基于图标的通知是允许的,只要图标是一个图像,通常与正在传达的信息由警报。

运动障碍

有许多不同类型的运动障碍。一些是由外伤引起的,而另一些则是先天疾病。运动障碍对用户体验的总体影响也各不相同。只能使用一只手的人所使用的辅助技术类型可能与患有严重关节炎的人所使用的非常不同。幸运的是,在设计基于web的内容时,可以遵循一些基本的指导原则,并为大多数有运动障碍的用户改善总体的可访问性。

许多有运动障碍的用户选择使用键盘而不是鼠标来浏览网页内容,因此,通过键盘完全访问所有内容是很重要的。在设计在线内容时,一定要花时间确保可以在链接之间使用标签,并在用户界面元素之间移动。一些运动受伤的用户使用声控软件来导航在线环境,这是基于键盘导航技术设计的。因此,当你确保完整的键盘导航功能时,你也在确保通过语音激活软件访问。

用嘴棒与网站互动的个人
尽管用户有严重的运动障碍,但用嘴棒可以与网页内容进行互动。

对于那些有运动障碍的人来说,最流行的一种辅助技术是口棒。嘴棒是一种一端带有橡胶头的长塑料,可以用嘴拿着,用来在键盘上打字或操纵鼠标上的轨迹球。

头杖是一种相关的技术,尽管魔杖指向一件头饰。嘴棒和头棒一起为那些有运动障碍的人打开了大门,因为它们允许以一种不像许多声控技术那样在经济上受到限制的方式操纵物理环境。

不幸的是,用嘴棒和头棒会让人精疲力竭。在持续使用过程中,用户的移动将变得不那么流畅和不稳定,最终很难做出精确的移动。网页内容设计师可以通过确保按钮和链接图像足够大,不需要非常精确的移动来激活它们来帮助这些用户。任何时候用户的行为都会给用户带来后果,比如在提交一系列问题进行评分的情况下,应该有机会纠正错误或改变自己的想法。这就减少了由于与导航相关的体力消耗而犯错的影响。

一些运动障碍使重复的动作更加困难,甚至使身体感到疲劳。web内容设计者解决这个问题的一种方法是尽可能简化在线环境中的操作。考虑完成一项任务所需的运动数。如果有可能将鼠标点击次数从三次减少到一次,那就这样做。虽然这确实有助于那些有运动障碍的人,但它也使所有用户都更容易访问。

认知障碍

当人们想到残疾时,往往会首先关注身体上的残疾。在讨论web内容时,这种情况甚至更为常见,因为在物理导航中关注的是查看和听内容等实际问题。然而,最近人们关注的是与网页可访问性有关的认知障碍。认知障碍有点不同,因为限制倾向于一个人的方式流程特定类型的内容。

与其他残疾一样,认知障碍的严重程度各不相同,而应对策略的类型会影响用户在网络环境中的行动能力。web内容开发人员不可能解决每一个认知问题和每一个严重性差异。然而,web内容可以被修改,以确保更多有认知障碍的用户能够访问。

当信息以图形形式呈现时,一些有认知障碍的人很难理解信息。当它以文本的形式呈现时,其他人会遇到问题。设计师应该准备好以图形和文本两种格式呈现信息,以便尽可能多的用户能够访问这些信息。同样重要的是,要选择与文本直接相关的图像,以避免向用户呈现冲突的信息。

一些有认知障碍的用户在一次面对大量信息时很容易不知所措。在某些情况下,这可能会引发实际的身体反应,比如恐慌发作。网页内容的设计应该允许在内容周围留有大量的空白区域。在主内容区域和网页两侧的导航窗格之间应该有一个明确的空间。留白有助于创建一个信息框架,以及在浏览内容时为眼睛提供休息的地方。随着概念难度的增加,留白的需求也在增加。你可以把它想象成在任何时间呈现的内容的数量。

在为认知障碍设计时,语言风格也很重要。许多人觉得数学复杂难懂,部分原因是数学有专门的词汇。当用户只熟悉最基本的数学语言时,尝试并解决更复杂的问题可能会让人不知所措。在Web内容中包含词汇表和词汇表是解决Web内容中新语言问题的好方法。另一个方法是尝试使用简短的句子。当句子看起来较短时,不管使用什么语言,人们往往认为句子不那么复杂。

在本课的前面,我们讨论了在设计与屏幕阅读器一起使用的内容时语义结构的重要性。讨论的部分内容与适当使用标题有关,它是一种显示信息如何关联的方式。有认知障碍的人也从严格使用结构中受益。当信息以一种基于大纲的格式组织时,识别关系和连接就变得更容易。

癫痫发作情况

光癫痫发作是由闪烁的灯光引起的。这种类型的内容在互联网上不是特别普遍,往往与低质量的内容联系在一起。它有时会出现在难以忽视的横幅广告中。网页内容绝对不能被设计成一秒钟闪烁三次以上。即使它不会引起癫痫,闪烁的内容也会在一些用户中引起类似晕船的反应。

结论

当设计在Internet上显示的内容时,考虑人们使用基于web的内容的不同方式是很重要的。所有用户都有不同的偏好和需求。为了让内容能够被尽可能多的人所接触,设计必须考虑到这些变化和差异。请参阅“网页内容可及性指引概览”有关如何设计增强可访问性的内容的更具体信息。

发布2016年11月18日
作者罗宾Zahrndt