包容性设计:使每个人都可以访问网站

阅读  ·  发布日期 2019-01-02 17:10  ·  admin
  如果您知道10亿人无法访问您的网站,您会怎么做?即使他们设法访问它,也无法浏览或理解它,因此它们似乎是一个完全无用的网页。你愿意改变吗?

  当我们说十亿人时,我们并没有夸大其词。世界银行的统计数据显示,世界上确实有10亿残疾人,占世界人口的15%。其中,有110-190万人患有严重残疾。
 
  我们都知道,社会包容性是一个赋予社会所有边缘化和受歧视群体权力的问题。这意味着通过提高意识和制作可以帮助他们融入社区的辅助技术,向处理任何身心残疾的每个人伸出援助之手。
 
  那么网页设计包容性呢?设计区域应该不同吗?它不应该。
 
  所以,让我们深入探讨这个主题。
 
  为什么包容设计很重要
 
  包容性设计意味着设计网站、应用程序、浏览器、工具以及其他所有永久或暂时禁用的数字产品。
 
  换句话说,它意味着创建可用、功能和易用的产品,以满足尽可能多的个人的需求。
 
  包容性设计不是假设一种通用的用户体验,而是旨在取悦各种各样的个人,并提供各种体验和与世界互动的方式。虽然辅助设备旨在消除残疾人的障碍,但包容性设计力求从根本上重新设计产品,以便不存在障碍。-Eone杂志
 
  幸运的是,设计师和开发人员最近开始更加关注这一点。
 
  是的,包容性设计和可访问性在设计界已成为一些流行语。但它不是最近刚刚发明的东西。这在《您可以从零开始设计网站或使用预建网站,比其他网站更好吗》?中也有提到过。
 
  例如,采用图像替代属性Alt文本。它是CMS后端的框,您可以使用在图像上看到的内容填充,以使其对搜索引擎更具可读性,作为图像优化的SEO技术之一。对?嗯,不是真的。
 
  它用于SEO优化,这是正确的。但是你知道图像Alt文本的首要目的吗?它用于以文本方式描述网页上的非文本内容,并使其可供屏幕阅读器阅读。因此,视障用户可以很容易地知道图像中显示的内容。这就是为什么Alt文本应该更具描述性,而不仅仅是配备关键字。
 
  因此,将Alt文本添加到照片和其他可视内容是Web可访问性的核心原则之一。
 
  什么是网站可访问性
 
  可访问性是包容性设计的主要目标之一。
 
  使网站,电子商店或网络应用程序可访问意味着每个网页的设计和编码方式都使其易于使用、可用、易于理解,并可导航到任何形式的身心残疾用户。
 
  正如Web可访问性倡议(WAI)所描述的那样,许多站点和工具的开发具有可访问性障碍,使得某些人难以或不可能使用这些障碍。使网络可访问将有利于个人、企业和社会。
 
  影响对Web访问的因素包括:
 
  听觉
 
  认知
 
  神经
 
  物理
 
  言语
 
  视觉
 
  除此之外,网络可访问性还有利于临时或情境残疾的人,例如:
 
  人们在手机,智能手表和其他设备上使用小屏幕;
 
  人们因衰老而体验到能力的变化;
 
  临时残疾的人,如断腿,丢失眼镜,接触嘈杂的音乐;
 
  具有情境限制的人,例如太低或太亮的光线,或太嘈杂的环境;
 
  使用慢速Internet连接或带宽有限的人。
 
  用户体验设计师和UX知识库草图的创始人Krisztina Szerovay绘制的草图非常有力地展示了可访问性原则的全面评论。
 

 
  如何使您的数字产品可以访问每个人
 
  如果您认为网站建设中设计可访问性很困难并且您根本不想打扰它,我们会提醒您,如果您不这样做,可能会有无法访问您网站的10亿人。
 
  因此,让我们帮助您了解这些指导原则并使原则更易于理解。
 
  根据网页内容无障碍指南(WCAG)2.0,有一系列建议可让残障人士更容易获取网页内容,包括视力低下,听力丧失,学习障碍,认知限制,运动受限,语言障碍,光敏性,和这些的组合。
 
  WCAG指南符合三个级别:
 
  1.A  - 满足基本的可访问性要求
 
  2.AA  - 满足中等规模的可访问性要求
 
  3.AAA  - 满足高容量可访问性要求
 
  基本可达性水平的可用步骤:
 
  保持你的布局清晰
 
  没有人喜欢凌乱的设计或混乱的布局,充满了不合理的导航标志或非逻辑的信息组。因此,正如Andrew Wilshere和Teresa Lamb在为Design Lab撰写的文章中所述,请确保以清晰的视觉布局反映信息层次结构,使用户能够自然地浏览内容。
 

 
  创造无法理解的链接
 
  还记得链接的锚文本是“这里”,“这里”和“这里”的时间吗?好吧,那些时间早已不复存在是有原因的。如今,您应该关注屏幕阅读器并将链接的有意义的解释放入锚文本中。保持简洁易懂。
 
  设计大按钮
 
  号召性用语按钮是最重要的网页设计组件之一,因此请小心处理。这意味着你应该使按钮足够大,以吸引每个用户的眼球。这也意味着您需要在小屏幕上使它们与众不同,易于接近,并且不会造成混淆。
 
  启用可自定义的文本
 
  您可能认为字体大小12足以让您的网站读者阅读。但是,读者可能不同意。一些用户可能会发现阅读此类文本非常困难,他们可能只是让您的网站永远不会回来。因此,请务必始终启用用户调整字体大小的可能性。它将使阅读体验更加愉快。
 
  测试键盘导航
 
  在测试Web设计原型时,不要忘记沿途测试键盘导航。从左到右,尝试上下移动,测试Tab和Enter键,并确保只使用键盘即可浏览整个网站。这种导航是网络可访问性最重要的方面之一,因为它可能会影响许多不同残疾人。
 

 
  做出良好的色彩对比
 
  如果在白色背景上放置浅灰色字母,则会使文本难以读取。在更暗的背景上使用深色字母也会发生同样的情况。因此,在行动之前要先考虑一下,并确保在您的网页上创建高对比度值,以便更多用户可以访问它。此外,请注意每个处理色盲的人,并尽量不要将相似或不可识别的颜色并排放置。用户会很感激。
 
  请勿过度使用屏幕
 
  在考虑产品功能和设计屏幕布局时,请记住“少即是多”并保持设计简约。含义:将元素保持在最小值,使它们可见并且不要过度拥挤屏幕。如果你这样做,它对用户来说似乎是压倒性的,它可能会提高你网站的跳出率,没有人会希望这种情况发生。
 

 
  提供视频内容的标题
 
  观看带有字幕的不是母语的视频是很常见的。如果没有字幕,你将无法理解一个字,对吧? 嗯,这正是听力损失的人经历的。他们无法理解没有字幕的单词。因此,请务必为您在网站上播放的每个视频提供字幕。并且不要忘记黄金法则 - 不要在自动播放上放置视频。
 
  为经验丰富的音频提供可用的录音
 
  如果您在自己的网站上播放视频,或者通常上传大量音频资料,请务必为每次录制提供成绩单。您可以制作完整版本或更短的摘要,但不管怎样,都不要忽视与音频对齐的文本的重要性。它将使听觉受损者受益,并使其他人也更容易获得您网站的内容。
 

 
  试着在用户的鞋子里走动
 
  如果您是经常与客户打交道的设计师或开发人员,他们中的大多数人很可能甚至不会考虑可访问性。
 
  让我们以耳机制造商为例。他可能会说听觉受损或聋人当然不在他的目标受众中,他可能想知道他为什么要让他们的网站可以访问。
 
  或者,图书出版商可能会认为诵读困难的人与他的业务无关,而只是忽视他们作为潜在客户。
 
  最大的讽刺可能是,如果盲人辅助设备的制作者不能让视障人士访问他的网站。
 
  如果你发现自己处于这种状况,你该怎么办?您是否应该介入并向客户解释包容性设计的重要性?我们相信你应该会。
 
  你怎么能告诉他们你的意思?
 
  首先,您应该运行辅助功能测试并查看网站的痛点。为此,您可以使用Jennifer Aldrich在UX杂志上推荐的一些在线测试工具。她的列表包括AChecker,Contrast Analyzer,Skala Preview和Wave Web Accessibility evaluation Tool。
 
  然后,您可以简单地将您的客户的商业网站建设设置为由屏幕阅读器阅。这种现场演示将使他们亲身体验网络可访问性的起伏。这可能会改变他们的想法。
 
  如果您想亲自体验,可以尝试使用Funkify的测试版,这是Chrome的新扩展程序,可帮助您通过具有不同能力和残疾的用户的眼睛看到网络和使用界面。
 
  结论
 
  这是一句话的总结:
 
  包容性设计和网络可访问性不仅仅是流行语。
 
  设计包容性和可访问性意味着您创建的每个数字解决方案都应为每个用户提供定制的用户体验,无论他们是永久或暂时禁用,还是根本不禁用。遵循这些指南还可以使您的网站更易于用户使用。它可以提高您的页面访问量,延长用户在您的网站上停留的时间,让客户更容易从您的电子商店购买,并使您的网页更加SEO友好。
 
  每个人都有权查看,审核您的在线内容并与之互动。不要马上把它拿走。
 
  考虑网页设计的各个方面,让您的用户满意。
 
  本文仅仅是可访问性主题的一部分,但我们希望我们能够解释其重要性,并为您提供可用的步骤,通过让每个人都可以访问它们来改进您的网站和数字产品。