作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.
劳拉·格利的头像

劳拉Geley

Laura是一名资深UX/UI设计师,也是著名的大奖评审团成员. 她专门从事电子商务的用户体验解决方案.

专业知识

以前在

喜力
分享

网页可访问性是指让每个人都能访问相同的信息, 不管用户是否有残疾.

根据 世界银行, 10亿人(占世界人口的15%)患有某种形式的残疾, 仅在美国就有近5700万人. (根据美国农业部公布的数据,占美国人口的19% 美国人口普查Bureau 2012年7月25日.)

残疾大致分为四种类型, 可能是暂时的,也可能是永久性的:身体上的(如瘫痪或精细运动控制问题), 感官(如自闭症), 耳聋, 或失明), 智力(如唐氏综合症或发育迟缓), 精神疾病(包括精神分裂症和抑郁症). 许多老年人都有随着年龄增长而出现的问题,这些问题也可以从中受益 无障碍设施.

不要低估网页可访问性的重要性,这一点至关重要. 20年前,互联网是技术极客的天下, 它现在是一个主要的信息来源, 娱乐, 和沟通. 从购物到与朋友分享,它被用来做任何事情, 阅读新闻, 看电视节目, 申请工作, 预订假期, 和更多的. 然而,, 残疾人士, 有一些障碍使这些东西无法进入, 因为许多网站没有考虑到他们的需求. 互联网的大部分尚未被视为公共空间,也不能确保每个人都能访问,无论能力如何.

网站的可访问性对残疾用户很重要.

关于网页可访问性的神话

当它不是完全被忽略的时候, 可访问性是网页设计中最容易被忽视的方面之一. 在过去的20年里,肆无忌惮的数字机构及其设计和开发团队传播了不准确的想法. 批评者不承认技术创新, 法律的变化, 以及主要的人口变化,因为他们将可访问性视为创建具有良好用户体验的网站的限制性和可选部分 所有 用户. 大多数关于可访问性为什么不是的讨论 真的 必须围绕以下一个或多个要点:

1. “这是丑陋的.”

虽然完全可访问性要求 设计师 遵循一些严格的准则,这些准则可能会影响网站或应用程序的整体外观和感觉, 有些改进——比如为图像提供替代文本描述——不会对用户界面产生明显的影响. 有了今天的技术,完全有可能创造出一个时尚的、互动的、吸引人的、 accessible website; therefore, web accessibility should no longer be seen as a burden. 此外,还有很多丑陋的无法访问的网站!

2. “耗时太长,成本太高,而且没有任何好处.”

的确,整合可访问性并不总是一件容易的事情,可能会增加花在网站或应用程序的概念和开发阶段的时间. 然而, 它将减少花在站点改进和技术维修上的时间:代码更简洁, 更少的错误.

从数字项目开始就考虑可访问性也将有助于控制后期成本, 包括维护和客户支持. 从搜索引擎优化的角度来看,一个可访问的网站也将有助于获得更好的排名. 像Google这样的搜索引擎就像盲人使用屏幕阅读器一样. 扫描页面时, 机器人只能理解文本, 因此,规划内容架构和标题并为图像提供替代文本非常重要.

3. “没人在乎。.”

这个论点往往是公司和设计机构的主要论点,他们不想投入时间或金钱来使网站易于访问. 当查看他们的数据时,似乎残疾人甚至不会访问他们的网站. (哦,真讽刺! 如果他们无法接触到,他们怎么能做到呢?)他们还确信,这个市场太小了,根本无足轻重.

有严重残疾的人可能只占他们用户的一小部分,但是老年用户呢? 那些被认为有“轻微”残疾的用户怎么办, 比如那些有听力障碍或色盲的人? 那些饱受偏头痛折磨、无法忍受明亮色彩或无限色彩的普通用户怎么办 滚动页面 11px字体? 许多不被认为是“传统”残疾的用户可能会因为一个无法访问的网站而受苦.

另一方面,就像在现实生活中一样,让技术触手可及对每个人都有好处. 考虑在嘈杂的酒吧里为电视配字幕,或者为婴儿车配轮椅坡道.

4. “这是可选的.”

事实上,它不是. 在许多国家, 法律规定在提供服务或产品时歧视残疾人是违法的. So, 在理论上, 如果一个残障用户因为网站不可访问而无法访问内容, 他们可以合法地起诉数字歧视. 而这些 诉讼 发生的频率每年都在增加吗, 通常要花费公司数百万美元来解决.

订阅Toptal设计博客并接收我们的电子书

关注网页可访问性的原因

在美国, 无障碍要求列在《欧博体育app下载》中, 于1990年制定. 当时, 它主要涉及实体店, 因此,法院在网站和应用程序是否应被纳入保护范围的问题上存在分歧. In 2017, 仅在美国联邦法院就有800多起诉讼, 因此,诉讼的威胁是真实存在的.

而Facebook则因其 同理心 实验室 至于无障碍政策,其他公司就没有这么幸运了. Netflix已经被不同的盲人和聋哑人协会多次起诉. 最后, 他们必须为所有用户提供对其内容的平等访问, 包括为所有节目添加字幕.

Netflix通过在节目中添加封闭字幕,改善了其网站对残疾用户的可访问性

2. 提高声誉

接纳残疾人的公司只会从中受益. 努力使网站或应用程序完全可访问对声誉产生积极影响,并创造一个社会责任和关心所有用户的形象.

在添加辅助功能的过程中, 硅谷巨头们毫不犹豫地将创新引入游戏, 在技术和突破性的新功能上投资数百万美元. 例如, Facebook现在正在使用人工智能,通过物体识别技术为盲人用户提供自动替代文本. 这个功能现在让他们可以充分享受每天在Facebook上分享的20亿张照片. 这个想法主要来自Matt King,一个与无障碍团队一起工作的盲人软件工程师. Facebook已经承诺成为一家对残疾人友好的公司, 无论是在网上还是在现实世界.

Facebook已经通过他们的同理心实验室(同理心 实验室)展示了对无障碍设计的承诺

3. 获得新客户

由于障碍,超过80%的残疾人决定不相信服务提供者, 糟糕的网页可访问性是主要原因之一. 因为他们经常被大多数品牌所忽视, 残障用户愿意把更多的钱花在为他们提供深思熟虑的用户体验的公司上. 这个特殊市场的购买力是巨大的.

可访问性的改进不会让你的现有客户流失,反而会吸引新客户,提高你的转化率. 通过承认残疾用户, 你让他们知道他们的权利很重要, 他们的生意是有价值的.

残疾的类型和如何改善无障碍

有许多不同的永久性和暂时性残疾, 用户面对不同的挑战,寻求不同的解决方案. 为了向每个人提供相同的内容,你需要满足每个人的需求.

1. 感觉障碍

视力和听力问题是最常见的感官障碍, 但是还有一些其他的残疾人也受到了影响:老年人, 色盲或有听力障碍的人, 很多自闭症患者.

对于有听力障碍的用户, 使你的网站或应用程序易于访问的一个步骤是实现文本文本和视频字幕. 它们不仅是聋哑人的必需品,而且对听力正常的人也很有用.

Ofcom的一项关于无障碍的研究发现,80%使用封闭字幕的人既不是聋子,也不是听力障碍. 这是一个典型的可访问功能使每个人受益的例子.

关于视觉障碍,大多数指南也帮助每一种类型的用户. 无论你是色盲还是患有偏头痛, 你会感谢设计师使用对比色(文本和背景). 每个人都将受益于更大, 相对字体大小(em, 不是像素)和调整大小的选项, 高级用户特别喜欢的功能.

至于盲人用户, 虽然他们可能看不到网站,但他们会听到, 多亏了像JAWS和Window-Eyes for Windows这样的屏幕阅读器 Mac的画外音. 这样的程序会大声朗读内容,而且会全部朗读.

要使浏览页面更容易,请务必使用“跳到主要内容选项,以防止连续多次阅读整个导航菜单.

Correctly structure your page using different headings (only one

, 然后不要跳过关卡), 包括每个图像的文字描述, 避免使用复杂的表格, 仔细选择你的文本超链接. 他们应该恰当地描述链接的位置:对于屏幕阅读器用户来说,仅仅使用“点击这里”是无效的,因为它没有提供任何相关信息.

Mac的画外音允许盲人用户访问网页

2. 运动障碍

有些用户可能会永久或暂时无法使用鼠标或触控板. 因此,他们只能使用键盘浏览网站,按“标签”或“箭头”键.

确保一个网站只使用键盘就能充分体验,这是实现网页可访问性最简单、最便宜的功能之一:它不需要多少工作,只要拔掉或关闭鼠标就可以检查. 浏览器将通过按TAB键自动选择网页上可点击的项目, 这极大地帮助了可访问性, 所以要确保开发团队不会关闭它.

3. 认知障碍

有学习障碍的用户, 唐氏综合症, 注意力缺陷多动症, 难语症, 以及其他认知障碍, 包括随着用户年龄的增长有时会发生的那些, 能从清晰的内容和一致的UI中获益吗. 因此, 尝试构建一个逻辑界面(类似的颜色用于类似的操作), 字体组合, 简单的动画, 被要求参与时的视觉提示, 等.),并使用标题来组织内容,以快速识别其不同部分.

设置规则和模式并遵循定义的设计原则将帮助用户更快地四处游览,并避免导航体验中的意外, 从而使它更流畅,更容易理解. 简化和标准化站点或应用程序的UI往往会带来更好的用户体验 所有 用户.

网页易访问性测试技巧

1. 遵循指导方针

关于创建无障碍网站,有一些国际准则:网络内容无障碍准则(WCAG). 通过W3C流程开发的WCAG(目前 WCAG 2.0)为网页内容的可及性提供单一的共享标准.

主要面向开发人员, 设计师, 无障碍专家, 所有WCAG文件都解释了如何使网站更易于访问,并按照四个原则组织:可感知, 可操作的, 可以理解的, 和健壮. 这组建议允许您达到一致性级别(a -minimal), aa -满意或aaa -优秀).

实现所有的WCAG标准需要时间,但从基础开始可以产生巨大的影响,使你的网站对各种残疾的用户更友好.

2. 上网或用辅助技术检查一下

网上有一些工具可以检查一个网站是否符合可访问性准则,比如 来自W3c的官方验证器. 请注意,在线工具可能无法找到所有可访问性问题, 因为他们主要检查网站的技术方面. 使用辅助技术, 使用屏幕阅读器来测试网站是确保网站真正可访问的重要一步. 然而, 虽然这些都是可以负担得起的起点, 它们永远不会取代实际的用户反馈. 如果可访问性真的是一个优先考虑的问题,那么在用户测试过程中包含各种残疾的用户是很重要的.

用于检查web可访问性的W3C验证器

3. 用户测试

包括残疾人在内 用户体验测试流程 对于任何新网站或应用来说,发布前都是关键. 他们会就用户体验是否令人愉快给出最相关的反馈. 与一个值得信赖的人携手工作 用户体验设计师 谁将根据不同的残疾准备测试场景.

获得可访问性合规不再是一种选择

随着日常生活越来越多地发生在网上,随着世界人口的增长和老龄化,可访问性是一个日益突出的主要问题. 到2050年,世界老年人口预计将翻一番. 人口结构的转变意味着,随着年龄增长,许多残疾将会增加.

这不是一项简单的任务, 但那些继续忽视可访问性的公司需要明白,他们已经失去了客户,而且在未来几年里,他们最终会失去更多的客户, 这大大减少了他们的收入. 在一个承认其他少数群体取得进步的世界里, 否认无障碍权利是人权,也会损害其公众形象和声誉.

考虑到这一点, 公司越早将可访问性作为创建网站或应用程序的关键价值, 他们就会越早被认为是一家不会忽视残疾用户的公司. 他们将获得更多的流量,进而可能获得更多的转化. 认识到网页可访问性的重要性是一个双赢的局面.

了解基本知识

  • 什么是用户可访问性?

    用户可访问性是指从网站中移除可能妨碍具有感官功能的用户的障碍的做法, 物理, 认知障碍. 它包括为视频添加封闭字幕,并确保元素之间有足够的对比,以方便视力障碍的用户.

  • 为什么网站的可访问性很重要?

    网络是为所有人服务的,无论残疾与否. 当网站无法访问时,他们会切断大量访问者的访问. 对于不遵守网络内容可访问性指南(WCAG)的公司来说,网络可访问性也可能是一个法律问题。.

  • 无障碍设计的定义是什么?

    无障碍设计是一种消除网站障碍的实践,这些障碍可能会阻碍有感官障碍的用户使用网站, 物理, 认知障碍, 包括为有视力障碍的用户确保足够的视觉对比度和为视频添加封闭字幕等举措.

就这一主题咨询作者或专家.
预约电话
劳拉·格利的头像
劳拉Geley

位于 法国巴黎

成员自 2017年5月5日

作者简介

Laura是一名资深UX/UI设计师,也是著名的大奖评审团成员. 她专门从事电子商务的用户体验解决方案.

Toptal作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.

专业知识

以前在

喜力

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

Toptal设计师

加入总冠军® 社区.