提高所有用户的可访问性

电脑和书籍

要了解Web内容可访问性,重要的是要考虑禁用用户如何访问和导航在线环境。有五种基本类别的残疾类别在网页内容可访问性中考虑:视觉障碍,听觉障碍,机动残疾,认知残疾和癫痫发作条件。在下面的每个部分中,您将在在线环境和他们可能使用的辅助技术类型中了解有关特定类型残疾人的障碍可能遇到的障碍。

残疾类别

重要的是要意识到所有残疾都存在于严重程度范围内。例如,具有视觉障碍的某些用户完全盲目并从其环境中接收无视觉输入。其他人可能能够看到大形状和一些阴影的轮廓。其他人可能只是难以区分某些颜色。由于这种广泛的差异,还有各种各样的辅助技术为残疾人用户。我们的目标不是深入涵盖任何单一的残疾或辅助技术,而是帮助您确定特定残疾可能影响用户体验的方式,以及如何引入一些辅助技术可以减少或消除这些障碍。

视觉障碍

如上所述,影响计算机用户的视觉残疾类型存在大量方差。有些用户根本没有愿景,其他用户具有不同程度的视觉,有些人具有完全的视觉,而是有限的感知颜色能力有限。具有不同程度的视觉视觉的人可能具有外周视觉损失或中央视觉损失。在外围视觉损失的情况下,用户可以在沿着边缘的视觉模糊或不存在的同时在视野中完美地看到。在中央视觉损失的情况下,用户无法在视野的中心看到,尽管边缘很清晰。视力损失的类型对个人与其世界的互动的影响产生了巨大影响。

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

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

具有低视野的某些用户可以使用屏幕放大镜来增加屏幕上的元素的大小,超出了硬件中内置的正常功能。屏幕放大器有时会带来功能,使您可以更改颜色并增加对比度。在构建基于Web的内容时,设计人员应考虑如果放大到200倍,则应考虑如何影响内容的可用性。用于为屏幕放大器设计内容的一个提示是确保网站的基本结构模拟常见网站结构。例如,大多数网站都设计有站点顶部和下部的导航菜单。您不想设计您的内容以将导航菜单放在网站的中间,因为使用放大镜的人可能无法想到在那里寻求有关导航的帮助。

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

重要的是要意识到屏幕读者实际上没有看到屏幕并阅读它。屏幕阅读器旨在访问基于Web的内容的背景中的HTML代码,并将该信息转换为输出。这是一个重要的点,特别是当我们谈论基于图像的信息时。除非用“alt文本”属性指定图像,否则屏幕阅读器将不知道屏幕上描述图像。

屏幕阅读器通常也能够帮助用户扫描页面以查找特定信息。用户可以选择按标题,列表,超链接以及有时图像扫描。这些功能仅在Web内容设计人员使用正确标识构成页面结构的功能的HTML代码时工作。想想如何在目视航空网站上。您不太可能停止并在每个页面上读取每个元素,特别是当内容在几个不同的页面上重复(例如在导航菜单的情况下)。您可以想象,屏幕阅读器用户也不希望每次移动到新的内容页面时收听这些类型的菜单。为了解决此问题,内容应设计有“跳过导航”链接,允许用户如果没有必要,则允许用户跳过这些区域。跳过链接不必使用那些不使用辅助技术进行导航的人提供。它们可以隐藏使用CSS(级联样式表,控制网页设计的基于Web的代码)。

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

听觉障碍

大多数人倾向于将基于网络的内容视为视觉媒介,并且在互联网的早期,这在很大程度上是正确的。大多数信息是基于文本,最难以访问视觉损伤的文本。然而,现在,Web内容包括许多多媒体元素。虽然多媒体内容可以创建更具吸引力和有趣的Web体验,但在没有根据可访问性指导方针设计时,它也可以对具有听觉障碍的人来说无法访问。

某些Web内容包括音频文件。为确保其可访问性,Web内容设计人员应包括将在音频文件中提供的所有信息放入基于文本的格式。某些Web内容包括视听(A / V)元素。在这种情况下,提供标题是很重要的。

有两种类型的标题,关闭和打开。大多数人都熟悉隐藏的标题,需要通过用户进行显示。另一方面,打开标题始终存在于屏幕上,无法关闭。只要标题与视觉内容同步,都会满足可访问性指南。包括用于A / V含量的成绩单也很好,尽管根据所使用的可访问性指南,可能无法特别需要。

灯光信号器的图片
光信号仪帮助用户在声音障碍时了解声音暗示。

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

每当计算机制作时,这种类型的技术会导致光线闪烁。光信号警报系统的使用趋于最常见的工作场所情况,其中声音线索被用作工作流程的例行部分。它们通常融入公共建筑中的紧急报警系统。如果您在火警熄灭时曾经看到过闪光灯,则您可以看到一个灯光信号警报系统。

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

运动障碍

有许多不同类型的运动障碍。有些是由创伤造成的,而另一些则是先天性疾病。运动障碍对用户体验的总体影响也各不相同。仅能使用一只手的人使用的辅助技术类型可能与严重关节炎患者使用的技术有很大不同。幸运的是,在设计基于网络的内容时,只需要遵循一些基本的指导原则,就可以提高大多数运动障碍用户的整体可访问性。

许多用户具有基于电机的残疾用户选择使用键盘而不是鼠标导航Web内容,因此重要的是一切都通过键盘完全访问。确保您始终花时间确保在设计在线内容时,请确保在链接和用户界面元素之间移动。有些具有电机伤害的用户使用语音激活软件导航在线环境,这些环境是根据键盘导航技术设计的。因此,当您确保完整的键盘导航功能时,您还可以通过语音激活软件确保访问。

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

对于那些具有运动残疾的人来说,最受欢迎的辅助技术之一是嘴棒。嘴棒是一块长块塑料,一端橡胶尖端可以保持在嘴里,用来键入键盘或操纵鼠标上的轨迹球。

虽然魔杖被指向一块头饰,但是头棒是一种相关的技术曲线。嘴棒和头部魔杖一起为具有运动障碍的人打开了门,因为它们允许以一种没有像许多语音激活技术的资金普及的方式操纵物理环境。

不幸的是,嘴棒和头部棒使用起来很累人。在持续的使用过程中,用户的动作会变得不流畅和不稳定,最终变得很难做出准确的动作。网页内容设计师可以帮助这些用户,确保按钮和链接图像足够大,不需要非常精确的动作来激活它们。任何时候用户的行为都会给用户带来后果,比如提交一系列问题进行评分,就应该有机会纠正错误或改变主意。这就减少了由于导航引起的体力消耗而导致的错误。

一些机动残障使重复动作更加困难甚至物理排气。Web内容设计者可以解决这个问题的一种方式是尽可能简单地在线环境中的操作。考虑完成任务所需的动作数量。如果可以从三个鼠标点击到一个鼠标点击,请执行鼠标,请执行此操作。虽然这确实有助于那些具有机动残疾的人,但它也可以让所有用户更容易。

认知残疾人士

当人们想到残疾时,有一个主要关注身体残疾的趋势。当讨论Web内容时,这可能更常见,因为重点是与物理导航结合看到和听到内容的实际问题。然而,最近侧重于与Web访问相关的认知残疾。认知障碍有点不同,因为限制往往是一个人流程特定类型的内容。

与其他残疾一样,认知障碍的严重性变化,应对策略的类型影响用户在在线环境中的操纵能力。Web内容开发人员无法解决每个单一认知问题和严重性的每种方差。但是,可以修改Web内容以确保更多具有基于认知的残疾用户的用户。

有些具有认知的残疾人难以了解信息以图形格式呈现。当它作为文本呈现时,其他人有问题。设计人员应准备以图形和文本格式呈现信息,以便可以使用尽可能多的用户。选择与文本直接相关的图像也很重要,以避免使用冲突信息呈现用户。

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

在设计认知残疾时,语言风格也很重要。许多人发现数学是复杂且难以理解的,部分是因为数学有专门的词汇。当用户只熟悉数学的最基本的数学语言时,它可能会迫使尝试潜入并解决一个更复杂的问题。包括在Web内容中包括词汇表和词汇单词是解决Web内容中新语言问题的好方法。另一种方法是尝试使用简单简单的句子。当句子看起来更短时,无论使用的语言如何,它们通常被视为更不重要的复杂性。

在本课程中早些时候,我们在设计与屏幕读取器的内容时​​,我们讨论了语义结构的重要性。该讨论的部分与标题的适当使用有关,以表明信息如何相关。认知残疾人也受益于严格使用结构。当以基于轮廓的格式组织信息时,更容易识别关系和连接。

癫痫发作情况

光癫痫发作是由闪烁或闪烁的灯光引起的。互联网上这种类型的内容并不是特别常见的并且往往与质量差的内容有关。有时候在横幅广告中看到旨在难以忽视的横幅广告。Web内容永远不会设计为一秒钟以上闪烁或闪烁超过三次。即使它不会引起癫痫发作,闪烁的内容也会引发一些与海疾病相似的用户中的响应。

结论

在互联网上设计呈现内容时,重要的是考虑人们可以与基于Web的内容进行啮合的不同方式。所有用户都有不同的偏好和需求。为了使内容可访问最大数量的人,设计必须允许这些变化和差异。请参阅“Web内容可访问性指南一目了然”有关如何设计内容以获得增强的可访问性的更具体信息。

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