入门包容性网页设计

 雷维斯卡卡特 经过 雷维斯卡卡特  |  5天前

为客户设计成功的网站的关键部分是确保尽可能多的最终用户可以访问和享受该网站。

那么,如果发现大约10亿人无法享受您的设计,该怎么办?即使这些人士管理点击链接并访问您创建的网站,它们也可能无法理解销售或导航到Checkout页面的内容。

根据 来自世界银行的统计数据,有10亿人全世界残疾人。这是全球总人口的15%。

尽管如此,许多设计师未能在创建参与应用程序或网站时考虑具有不同能力的客户。除非您的客户明确地告诉您他们支持残疾客户,否则您甚至可能不会考虑这些用户。

学习如何接受包容性网络设计的概念意味着您对客户提供更好的结果;您的客户可以达到的顾客越多,您的设计将越赞美。

那么,你如何在设计选择中引入可访问性?

 

什么是网站可访问性?

在广泛的条件下,包容性是指赋予社会边缘人士的活动或行为。设计成分意味着制造你的 内容更可访问 对于处理精神或物理问题的人可能会使他们更难使用传统网站。

最终,可访问性是包容性设计策略的主要目标之一。当您使网站或应用程序更可访问时,您可以调整UI和代码的各个方面,使该站点尽可能适用于某些限制的人。

根据这一点 网络可访问性计划,许多现代网站和网络工具都是设计的,而无需了解残疾人的需求。这会创建可访问性障碍,使网站几乎不可能 有些人使用。 

以下只是一些不同类型的残疾,可以影响最终用户与网站或应用程序互动的方式:

  • 认知问题: 影响理解并使其更加难以导航位点;
  • 听觉问题: 防止客户听取视频和音频内容;
  • 神经系统问题: 在您的网站上使某些条款和行动更加困难;
  • 身体问题: 难以轻扫或挖掘某些工具;
  • 讲话问题: 语音UI设计的常见问题;
  • 视觉问题: 防止高度视觉站点的积极经验。

Web Accessibility也可以是为了让生活更轻松地为在特定情况下遇到问题的人。例如,具有肌肉问题的人可能会在小屏幕上使用按钮和链接时更难的时间。

那么,你如何让你的设计更容易获得?

 

知道你的观众

提供更多的网页设计,而不是让您的字体更大,并希望最好。为了提供真正可访问的体验,您需要了解客户所在的人员和团体。花一些时间通过您的客户的用户角色,并询问他们有关残疾人的问题可以帮助您提出明智的决策。

例如, Microsoft包容设计工具包 要求设计师识别排除,检查其网站的部分可能无法访问,并从多样性中学习。

在设计任何内容之前,请问自己是否可以:

  • 解决任何独特的需求,就像视线问题或听证会问题;
  • 用更独特的东西替换传统解决方案。例如,而不是依赖于颜色来突出显示文本的一部分,而是可以使用字体重量吗?这可能是彩色失明的人的理想选择;
  • 创建一些有无残疾的客户吸引客户。

 

设计清洁和清晰的布局

任何网站设计都应首先专注于清晰度。

无论您是设计是否为其设计,宗旨都应尽可能多地提供简单和简单的经验,避免 任何网页设计罪 along the way.

例如,没有人喜欢一个充满不合理的导航标志的凌乱设计。您需要一个充满可理解链接的网站,易于单击任何屏幕的按钮,以及易于阅读的大字体。

每当您为网站或应用程序创建新元素时,请询问自己如何让所有背景的客户更轻松。例如, Parramatta公园 使用出色的对比度,清晰的字体和理想元素尺寸,以确保其网站对客户感到易于使用。

请注意,按钮如何清晰且易于按。颜色明亮并在任何屏幕上接合,导航也很简单。请记住,当您设计一个包含的原型:

 

简化语言

包含网站上的可视元素需要尽可能简单且易于理解。但是,重要的是不要忘记你处理书面词的方式。

使用简单的条款而不是复杂的行业术语可以对具有阅读问题的人进行大规模的差异。还有排版来思考,从你的话语的颜色和对比你选择的背景 字体’s clarity.

请记住,与图像和语言的次优设计也影响了没有残疾的意思。以下简单的基本规则为访问您网站的任何人提供了更好的体验。

确保你:

  • 下划线,粗体或重新大小的视觉对比度链接;
  • 强制执行适当的线间距,大约1.5倍的字体大小;
  • 启用一致的段落间距;
  • 使用简单的语言来减少认知负荷;
  • 使用它们时描述缩写;
  • 使用清晰措辞标题逻辑地构建内容;

看看设计选择 在Nomensa上的文字 例如,网站。大量的空白空间使内容更容易阅读。简单的词语是可以理解和吸引力的。即使是字体选择也可以在提供可读性的同时模仿徽标。

 

优化网页设计颜色

包容性网页设计趋势将来到。但是,颜色和对比将永远对您的决定至关重要。

通过确保您的设计元素符合WCAG定义的最小颜色对比度,意味着您正在支持视觉障碍用户的可读性,并改善了视觉上没有视力障碍的客户的经验。

对于在该地区需要额外帮助的设计者,工具 st 帮助测量颜色对比度。此工具还提供各种其他工具,旨在支持可访问性。

请记住,您需要访问的最小比率取决于您所设计的元素。 WCAG建议以下准则:

  • 图3:1图形对象的比率(图表);
  • 3:1对焦,活跃状态和悬停的比率;
  • 3:1可点击项目和表单组件的比率。

虽然您使用像斯塔克这样的应用程序的颜色对比策略,但请确保您也考虑使用色盲的用户的需求。 4.5%的世界并没有与其他人一样看色彩。如果您发现难以达到正确的对比度,同时坚持客户的品牌指南,尝试下划线和粗体元素。

 

考虑视频和音频元素

最后,这些天,更多的公司正在选择将视频和音频内容嵌入到他们的网站中。这些视觉和听觉工具可以提供有关品牌的有用信息和它所的信息。但是,您可以努力通过视频和音频向某些客户提供重要信息。

视频内容的标题对于具有听力损失的人来说可能是必不可少的。您可能需要考虑将成绩单添加到预先录制的视频中,即听力障碍的人可以访问。这些成绩单和字幕对任何无法访问智能手机或计算机上的任何人的有帮助。

成绩单也可以通过给出文本语音工具来向您描述的文本语音工具来帮助那些具有视觉损伤的人。这样,每个人都会获得有用的信息。看着 这个标题视频 例如,华盛顿大学。它确保每个人都能理解内容中发生的事情。如果您为客户端的网站页面添加成绩单,您也可以帮助他们从改进的SEO中受益。成绩单提供更多 关键字排名机会 而不是自己的视频和播客。

 

首先为可访问性设计

对于在提供真正包容的UI环境下Excel Excel的设计人员,他们需要在为残疾人创造网站时,他们在为自己创建人们的界面时创建网站。作为设计师,我们尽可能多地包容,但很容易被赶上思考,让网站更容易使用我们。

如果你能够进入一个不喜欢你的人的鞋子,并首先考虑不常见的需求,那么你可能会发现你为每个用户提供更强大的,更多的吸引力的体验。

例如,而不是为您的视觉需求的某人设计一个网站,然后考虑为那些有色盲或视力问题的人进行调整,首先考虑残疾人的需求。

您可以通过在“ 危机方法 。“  

 

可访问性对业务有利

包容性网页设计或设计可访问性,都是最大限度地提高客户可以赚取的潜在观众。无论情况如何最终用户发现自己,您应该确保您利用包容性设计。

如果您可以向您的客户证明您可以为所有客户提供服务’需要,您可以解锁更大的受众和更多的机会。