150-1924-0507

包容性设计:确保web可用性和可访问性

2019年10月23日 10:27  千赋科技 

  如果你知道10亿人无法访问你的网站,你会怎么做?即使他们设法访问它,他们也无法浏览或理解它,因此在他们看来,它是一个完全无用的网页。你愿意改变吗?

  当我们说十亿人的时候,我们并不是夸大其词。世界银行的统计数据显示,世界上确实有10亿残疾人,占世界人口的15%。其中,有1.1-1.9亿人严重残疾。

  我们都知道,社会包容性是一个赋予社会上所有被边缘化和歧视的人权力的问题。这意味着,通过提高认识和制造有助于他们融入社区的辅助技术,帮助所有处理身体或精神残疾的人。

  那么网页设计的包容性呢?设计区域应该不同吗?

  它不应该。

  所以,让我们更深入地探讨这个主题。

  为什么包容性设计很重要

  包容性设计意味着设计网站、应用程序、浏览器、工具和其他所有数字产品,关注永久或暂时残疾的每个人。

  换言之,它意味着创造出能够满足尽可能多个人需求的可用、功能性和易于使用的产品。

  包容性设计的目的不是假设一个尺寸适合所有用户体验,而是取悦不同的个人,并适应不同的体验和与世界互动的方式。虽然辅助设备旨在消除残疾人的障碍,但包容性设计力求从根本上重新设计产品,使障碍不存在。

  幸运的是,设计师和开发人员最近开始更加关注这一点。

  是的,包容性设计和可访问性在设计界已经有些流行,但这并不是最近才发明的。

  例如,采用图像替换属性alt文本。它是在您的网站后端的框,您可以使用图像中显示的内容填充它,以使其对搜索引擎更具可读性,作为图像优化的SEO技术之一。

  它用于SEO优化,这是正确的。但是你知道图像alt文本的首要目的吗?它用于文本描述网页上的非文本内容,并使其对屏幕阅读器可读。因此,视障用户可以很容易地知道图像中显示的内容。这就是为什么alt文本应该更具描述性,而不是简单地使用关键字。

  因此,在照片和其他视觉内容中添加alt文本是Web可访问性的核心原则之一。

  什么是Web可访问性

  可访问性是包容性设计的主要目标之一。

  使网站、电子商店或Web应用程序可访问意味着每一个网页的设计和编码方式都使其可接近、可用、可理解,并可导航到任何类型的身心障碍用户。

  正如Web可访问性倡议(WAI)所描述的那样,许多网站和工具都是用可访问性屏障开发的,这些屏障使某些人难以使用或不可能使用。使网络可访问将有益于个人、企业和社会。

  影响网络访问的障碍包括:

  听觉

  认知

  神经

  身体

  言语

  视觉

  除此之外,网络可访问性还有益于患有暂时性或情境性残疾的人,例如:

  人们在手机、智能手表和其他设备上使用小屏幕

  由于年龄增长而经历能力变化的人

  暂时性残疾的人,如断腿,丢失眼镜,接触嘈杂的音乐

  有环境限制的人,如光线太低或太亮,或环境噪音太大

  使用慢速互联网连接或有限带宽的人

  在UX知识库草图的创始人Krisztina Szerovay绘制的草图中,对可访问性原则进行了全面的回顾。

辅助功能 – 用户体验知识库草图

  如何让所有人都能使用您的数字产品

  如果你认为为可访问性设计是困难的,你只是不想为此烦恼,我们提醒你那些10亿人,如果你不这样做,他们可能无法访问你的网站。

  所以,让我们帮助您理解这些指导原则,使这些原则更易于理解。

  根据《Web内容可访问性指南》(WCAG)2.0,有一系列建议可使残疾人士更容易访问Web内容,包括视力低下、听力丧失、学习障碍、认知局限性、运动受限、言语障碍、光敏性以及这些因素的组合。

  有三个符合WCAG准则的级别:

  1.A–满足基本的可访问性要求

  2.AA-满足中等规模的可访问性要求

  3.AAA– 满足高容量可访问性要求

  基本可访问性级别的可用步骤

  保持布局清晰

  没有人喜欢凌乱的设计或充满不合理导航标志或非逻辑信息组的混乱布局。因此,正如AndrewWilshere和TeresaLamb在为设计实验室撰写的文章中所解释的那样,确保以清晰的视觉布局反映信息层次结构,使用户能够自然地浏览内容。

推荐页面布局示例

  创建可理解的链接

  还记得链接的锚文本读到“这里”、“点击这里”的时候吗?好吧,那些时间已经过去很久了,这是有原因的。现在,你应该注意屏幕阅读器,并将链接的有意义的解释放入锚文本中,保持简洁易懂。

  设计大按钮

  行动按钮是最重要的网页设计组件之一,请小心处理。这意味着您应该使按钮足够大以吸引每个用户的眼球。这也意味着你需要让它们与众不同,在小屏幕上容易接近,并且不混淆。

  启用可自定义文本

  你可能认为字体大小12号对你网站的读者来说已经足够了。但是,读者可能不同意。有些用户可能会发现很难阅读这样的文本,他们可能会离开你的网站永远不会回来。因此,请记住,始终允许用户调整字体大小,它将使阅读体验更加愉快。

  测试键盘导航

  当您测试您的Web设计原型时,不要忘记一路测试键盘导航。从左到右,尝试上下移动,测试选项卡并输入键,确保您只需使用键盘就可以浏览整个网站。这种导航是Web可访问性最重要的方面之一,因为它可能会影响许多不同的残疾人。

  做出良好的色彩对比

  如果你把浅灰色的字母放在白色的背景上,你会使文字难以阅读。同样的情况也会发生在更暗的背景上。所以,在行动之前要想一想,确保在你的网页上创建一个高价值的对比度,以便让更多的用户能够访问它。此外,请记住帮助每个有色盲的人,不要把相似或不可识别的颜色并排放置,这样用户会很感激的。

  屏幕不要过度拥挤

  在考虑产品特性和设计屏幕布局时,请记住“少即多”,并保持设计的最低限度。含义:将元素保持在最小值,使它们可见,并且不要过度拥挤屏幕。如果你不这样做,用户可能会觉得它具有压迫性,它可能会提高你网站的跳出率,没有人会希望这种情况发生。

  提供视频内容的字幕

  看一段没有字幕的视频是很常见的。如果没有字幕,你就不能理解一个词,对吗?嗯,这正是那些有听力损失经历的人。他们无法理解没有字幕的单词。因此,请确保为您在网站上播放的每个视频提供字幕。不要忘记黄金法则——不要在自动播放上放视频。

  为预先录制的音频提供转录本

  如果你在你的网站上运行播客,或者你经常上传很多音频材料,确保为每一个录音提供抄本。您可以制作一个完整的版本或简短的摘要,但无论如何,不要忽略与音频对齐的文本的重要性。它将有益于听力受损者,并使您的内容更容易被其他人访问。

  试着穿上用户的鞋子

  如果你是一个经常与客户打交道的设计师或开发人员,他们中的大多数人很可能甚至都不会考虑可访问性。

  以耳机制造商为例。他可能会说听力受损或失聪的人肯定不在他的目标受众中,他可能想知道为什么他应该让他们访问他的网站。

  或者,一个图书出版商可能会认为读写困难的人与他的生意没有任何关系,只是把他们当作潜在的顾客而忽视了。

  最大的讽刺可能是,如果盲人辅助设备的制作者不能让视障人士访问他的网站,你想想会是什么情况?

  如果你发现自己处于这样的境地,你该怎么做?你是否应该介入并向你的客户解释包容设计的重要性?我们相信你应该。

  你怎么能告诉他们你的意思?

  首先,您应该运行可访问性测试并查看网站的痛点。为此,您可以使用一些由JenniferAldrich在UX杂志上推荐的在线测试工具。她的列表包括Achecker、对比度分析器、Skala预览和Wave Web可访问性评估工具。

  然后,你可以简单地把客户的商业网站放在屏幕阅读器上阅读。这种实况演示会让他们亲身体验到网络可访问性的起伏。这可能会改变他们的想法。

  如果你想亲自体验它,你可以尝试Funkify的测试版,它是Chrome的新扩展,帮助你通过不同能力和残疾的用户的眼睛看到网络和使用界面。

  结论

  以下是一句总结:

  包容性设计和Web可访问性远不止是流行语。

  针对包容性和可访问性进行设计意味着,您创建的每个数字解决方案都应该为每个用户提供定制的用户体验,无论他们是永久或临时性的,或者完全是好的。遵循这些指导原则也将使您的网站对一般用户更有用。它可以提高你的网页访问量,延长用户访问你的网站的时间,使客户更容易从你的网站购买,并使你的网页更易于seo优化。

  每个人都有权查看,审核您的在线内容并与之互动。

  想想网页设计的方方面面,让你的用户满意。

  本文仅仅是可访问性主题的一部分,但我们希望我们能够解释其重要性并为您提供可用的步骤,通过让每个人都可以访问它们来改进您的网站和数字产品。


标签 :包容性设计
上一篇 可扩展性网站建设的3个提示
下一篇 着陆页设计增加转换率的3点技巧

声明:本文内容由深圳市千赋科技有限公司原创或者通过网络收集编辑所得,所有资料仅供用户参考;对收集的资料本站不拥有所有权,也不承担相关法律责任。如您认为本网页中有涉嫌侵权的内容,请及时与我们联系,并提供相关证据,工作人员会在5个工作日内联系您,一经查实,本站将立刻删除涉嫌侵权内容。

相关文章 Related articles
服务热线

150-1924-0507

网站建设公司 www.me345.com 粤ICP备15080528号-1

Copyright© 2008-2019 深圳市千赋科技有限公司 版权所有