什么是 Web 可访问性? 如何使您的内容具有包容性
已发表: 2021-05-28Web 可访问性意味着让每个人都可以访问相同的信息,而不管他们遭受的损害或残疾。
随着互联网成为信息、娱乐、通信和电子商务的主要来源,人们不能再削弱网络可访问性对残疾或有特殊需求的用户的重要性。
甚至联合国也宣布互联网访问是一项基本人权。 尽管如此,大多数网站仍然无法供残障人士访问,因为它们的设计没有考虑到他们的需求。
什么是网络可访问性?
Web 可访问性意味着网站和数字工具的设计和开发必须使残疾人可以无障碍地使用它们。
据世界银行称,超过 10 亿人患有某种形式的残疾,相当于世界人口的 15%。 残疾可以理解为使人难以进行某些活动的任何身体或精神状况。
已经为网络可访问性确定了四种松散分组的残疾类型。 这些包括:
- 身体:例如瘫痪或失去运动控制问题。
- 智力:此类别包括由于发育迟缓或唐氏综合症而发生的残疾。
- 精神疾病:各种精神疾病,如抑郁症、精神分裂症、焦虑症等。
- 感官问题:丧失各种感官,如耳聋或失明。
此外,有三种残疾模式:永久性、暂时性和有条件的或情境性的,当你因为自己所处的特定情况(例如网速慢)而无法做某事时。
Web 可访问性也会影响暂时残疾的人,例如手臂骨折的人,或情境限制的人,例如由于大量背景噪音而无法收听音频的人。
老年人往往会遇到与年龄增长相关的无障碍问题。 人口老龄化意味着这个数字只会增长,为拥有数字足迹的企业带来挑战和机遇。 例如,众所周知,听力和视力会随着年龄的增长而变差。
然而,这些老年人的可支配收入和闲暇时间往往很高。 71% 的有访问需求的残疾客户点击离开了难以使用的网站。 它还发现,很大一部分点击离开的客户具有较高的消费能力,82% 的有访问需求的用户表示,如果网站更易于访问,他们会花费更多。
除了业务成本之外,不让每个人都可以访问您的网站可能会让您因数字歧视而被起诉。 在许多国家,在销售产品或服务时歧视残疾人是违法的。
在美国,无障碍要求列在《美国残疾人法案》中。 已经对包括 Netflix 在内的公司提起了几起诉讼,以使所有人都可以访问其内容。
为了使互联网成为一个公共场所和包容性,W3C Web 无障碍倡议 (WAI) 制定了描述无障碍解决方案的技术规范、指南、技术和支持资源。 例如,Web 内容可访问性指南 (WCAG) 2.1 定义了如何使数字服务、工具和内容更容易被残障人士访问。
为什么网站可访问性很重要?
互联网几乎是生活各个方面的重要资源。 尤其是在 2020 年,互联网成为一条生命线,让世界在各个方面保持联系。 过去一年数字化的高采用率彻底改变了我们的生活。
尽管如此,由于可访问性障碍,世界上很大一部分人口无法正确使用互联网。 对于残疾人来说,确保网络无障碍提供了平等的访问和平等的机会,帮助他们更积极地参与社会。
由于许多其他原因,网站可访问性很重要,例如:
- 包容性:建立一个可访问的网站可以创造一种包容性的体验,这对更大的利益是有益的。
- 客户保留和获取:互联网是接触人们的最佳场所,尤其是那些有障碍的人,比如那些不能去商店或阅读印刷材料的人。 通过使您的网站易于访问,您可能能够接触到竞争对手可能忽略的新客户部分。
- 法律合规性:在美国有几起针对不遵守网站可访问性指南的公司提起的诉讼。 在许多国家/地区,必须遵守网站可访问性指南,否则可能会导致严厉的法律处罚。
- 建立信任和声誉:企业可以通过使其网站真正可访问来提升其品牌。 例如,Facebook 因使用人工智能通过对象识别技术为盲人用户提供自动替代文本而受到赞誉。
5 需要网络可访问性旨在解决
人们通常认为,可访问的网站只会使一小部分人受益,但会耗费大量时间和精力。 然而,事实并非如此。 我们都可能在人生的某个阶段经历某种暂时的残疾。
例如,如果有人滑倒并摔断了手腕,他们可能几天都无法使用鼠标导航我的电脑。 或者,如果某人患有偏头痛,则网站上的对比度差可能会加剧问题。 此外,在互联网时代,我们所有人都在老龄化,我们的视力、听力和灵巧性最终都会受到影响。
尽管存在上述任何障碍,创建一个可访问的网站使用户可以访问您的内容。 在本节中,我们确定了五个 Web 可访问性需求,这些需求必须满足才能实现有影响力的 Web 设计。
1. 听觉需求
互联网包含以各种格式呈现的信息:图形、视频、音频、动画或文本。 然而,近年来,用户对视频和播客的偏好越来越高,使我们的网络内容体验兼具视觉和听觉。 但是有些人有不同的听觉需求,在设计网站时必须满足他们的要求。
在研究提高听觉障碍人士可及性的策略之前,我们必须首先了解残疾。 一般来说,耳聋被认为是完全丧失听力。 然而,许多人患有功能性听力损失,可能是轻度、中度、重度或深度。 我们在下面确定了三类听觉障碍。
- 耳聋:重度听力损失或完全丧失听力的人。
- 有听力障碍的人:听力损失程度较轻的人。
- 听力障碍:由于听力机制的一个或多个部分发育不当、损伤或疾病而导致不同程度耳聋的个体。
让有听力障碍的人可以访问多媒体的提示
- 成绩单:提供成绩单有几个好处。 它使内容易于理解,并为您的网站提供 SEO 优势。 喜欢做笔记的人也将从您的成绩单中受益,尤其是您在 YouTube 上可能遇到的视频内容。
- 字幕和字幕:如果您在网站上显示视频内容,最好包含字幕和字幕,以便听力障碍者更容易理解您的内容。 这也有利于您的普通观众,他们可能在拥挤的地方观看您的视频而无法正常收听。
- 手语:提供音频的手语演示是使您的内容易于访问的另一种方式。 虽然这确实带来了一些技术问题,例如人们使用的不同类型的手语,但它仍然是一个值得考虑的选择。
2. 认知和智力需求
虽然更多地讨论了视力和听力,但这是代表计算机用户最大数量的类别。 认知障碍可以是功能性或临床性的。 功能障碍侧重于影响个人日常生活的活动。 一些例子包括:
- 失忆
- 注意力不足
- 理解问题
临床疾病的严重程度各不相同,包括:
- 发展问题
- 阅读障碍和自闭症等认知问题
- 影响某人思想和保留信息能力的疾病,如阿尔茨海默病
认知障碍人士的网站可访问性提示
对于网站开发者来说,最好从功能的角度考虑认知障碍,以消除访问障碍并增强用户体验。 让认知障碍人士可以访问您的网站的最重要提示之一是遵循良好的设计实践,例如:

- 在您的内容中使用适当的标题和列表。
- 在设计中留出足够的空白。
- 将内容分解成小段。
- 尝试使用项目符号列表。
- 尝试结合逻辑阅读顺序。
- 使用一致的字体和颜色。
- 确保提供键盘访问。
3. 运动和移动需求
行动障碍有多种形式,可能是永久性的,也可能不是永久性的。 例如,由于骨折,您可能有几天无法使用手腕或手。 即使长时间打字也会导致疼痛和抽筋,从而难以使用数字设备。 由于关节炎和衰老,行动不便也使得在键盘上打字或使用鼠标变得困难。 有些人还会随着年龄的增长或创伤而失去运动协调能力和肌肉控制能力,这使得处理数字设备变得具有挑战性。
许多有暂时或永久性行动障碍的用户使用屏幕阅读器等辅助技术。 重要的是要认识到其中许多工具都依赖于键盘可访问性。 因此,您的网站应设计为最大限度地提高键盘可访问性,以便辅助设备能够正常工作。
认知障碍人士的网站可访问性提示
- 确保所有功能的键盘可访问性。
- 根据您的布局,使用逻辑 Tab 键顺序,例如从上到下或从左到右。
- 包括与内容交互的逻辑键盘命令。
- 提供跳过链接以浏览整个站点。
- 在使用快捷键之前请三思,因为其中一些可能与辅助设备的使用相冲突。
4. 癫痫发作和癫痫需要
根据 Trace 研发中心的光敏性癫痫分析工具:“光敏性癫痫发作可能是由网络或计算机内容中某些类型的闪烁引起的,包括导致大面积屏幕反复快速闪烁的鼠标悬停。”
癫痫是一种常见的光敏性癫痫症。 闪光、图像和重复模式可能会触发光敏性癫痫发作。 例如,网络电脑游戏上的视频内容可能包括不安全的闪烁、颜色或高对比度图案,所有这些都可能引发癫痫发作。
此外,恶心、颤抖和吐血也可能是对闪烁、闪烁和眨眼的不良身体反应。 1997 年,孩子们在观看带有动画“病毒炸弹”的日本动画片时出现了这些反应,不得不被紧急送往急诊室接受治疗。
癫痫发作和癫痫患者的网站可访问性提示
- 确保您的内容中没有任何组件每秒闪烁超过 3 次。
- 如果每秒记录超过 3 次闪光,则冻结图像或降低对比度。
- 保持所有闪烁区域很小,限制在大约 341 x 256 像素。
- 降低对比度并避免红色闪烁内容。
- 确保您有一种机制可以在内容开始之前禁止闪烁内容。
- 实时材料可能会放慢速度以避免快速闪烁或闪烁。
- 允许您的用户设置自定义的闪存速率限制。
- 准备一些工具来测量闪光阈值并确保它们不被违反。
5.视觉需求
根据美国预防失明的数据,5320 万 45 岁或以上的美国人患有某种形式的视力障碍。 为了理解 Web 可访问性标准,我们可以定义两种类型的视觉需求。
- 低视力: “低视力”是指除失明以外的视力障碍。
- 失明:这被定义为完全丧失视力。
虽然完全失明会影响一小部分用户,但用户体验设计师必须遵循包容性的方法,让视障者可以访问他们的页面。
针对有视觉需求的人的网站可访问性提示
- 屏幕阅读器:确保您的网站与屏幕阅读器兼容。
- 替代文字:为图片使用替代文字,使盲人更容易理解他们的上下文。
- 对比度:适当的对比度可以减少眼睛疲劳。
- 使用音频:您网站上内容的音频描述可以帮助有视觉问题的用户有效地访问它。
- 为按钮和页面使用描述性标签:这对于视力不佳的访问者可以轻松访问内容非常有用。
- 内容标题:拥有清晰的标题有助于网站访问者浏览内容而不会影响他们的视力。
网页浏览无障碍的 4 种技术解决方案
从业务和用户的角度来看,创建可访问的网站都是有帮助的。 UI/UX 设计师必须遵循 Web 可访问性指南来创建包容性万维网并确保包容性的用户体验。 除了遵循基本的设计原则外,您还可以使用即插即用软件使您的网站易于访问、合法合规且具有包容性。 下面,我们列出了四种流行的解决方案,让所有人都能访问您的网站。
1. 隐藏式字幕服务
隐藏式字幕服务提供商通过在对话和声音发生时整合转录文本,以字幕的形式为视频提供视觉辅助。 该服务最初旨在帮助听力受损者理解电视节目和电影中的口语和音乐,但它可以帮助其他有情境障碍的人。
您可以为实时和预先录制的视频找到专业的隐藏式字幕服务。 G2 列出了最好的隐藏式字幕服务提供商,并帮助您比较产品以选择最适合您的内容的隐藏式字幕软件。
2.屏幕放大软件
屏幕放大软件可以帮助观众管理眼睛疲劳,保持良好的姿势,在用于教学时保持良好的观看距离。 它也是一个很好的工具,可以在您的网站中使用,使有视觉障碍的人能够像其他人一样访问相同的内容。 例如,微软在 Windows 10 上提供了一个放大镜工具,可用于将屏幕的一部分或全部放大,以便更好地查看文字和图像。
3. 屏幕阅读软件
屏幕阅读器是一种软件程序,它使盲人或视障用户能够使用语音合成器来阅读计算机屏幕上的文本,该语音合成器可以大声朗读文本。 一些屏幕阅读器还使用盲文显示器传达数据。 许多屏幕阅读器可用于运行不同操作系统类型(如 Linux、Windows 和 Mac、IOS、Android 等)的个人计算机。
然而,不同的屏幕阅读器包含不同的命令结构,但它们支持多种语音合成器。 许多免费的屏幕阅读软件可用,例如 NVDA(适用于 Windows)和 Apple VoiceOver(适用于 iOS)。
4.语音识别软件
语音识别软件可用于通过利用语音识别算法将口语或音频转换为文本。 它对有听力障碍或运动问题的人很有帮助,通过将音频和视频文件转换为文本,使他们更容易访问您的内容。 语音识别软件还通过使用基于人工智能的技术翻译和记录信息来帮助公司改善业务沟通。
优秀的语音识别软件不仅包括多种词汇和语言识别模式,还包括在多个设备上创建和共享转换后的文本和捕获信息的能力。 您可以比较顶级服务提供商的最佳语音识别软件,以选择最适合您的内容的软件。
包装
从商业和人道主义的角度来看,网站可访问性都很重要。 它使万维网向所有人开放,提供平等的机会和访问权限,同时还创造了一个包容的环境。
不幸的是,许多网站继续忽视残疾人的要求,这就是为什么一些国家将遵守 W3C 制定的网站可访问性指南作为法律要求。 如果您是 UI/UX 设计师,请务必考虑残疾人的需求,以使您的内容具有更广泛的覆盖面和可访问性。