为客户设计一个成功的网站的关键部分是确保尽可能多的终端用户可以访问和享受这个网站。
那么，如果你发现大约有10亿人不能享受你的设计，你会怎么办?即使这些人成功地点击了一个链接并访问了你创建的网站，他们也可能无法理解正在出售什么或导航到结账页面。
根据世界银行的统计，全世界有10亿残疾人。那是全球人口的15%。
尽管如此，许多设计师在创造吸引人的应用或网站时，并没有考虑到用户的不同能力。除非您的客户明确地告诉您，他们正在支持残疾客户，否则您可能根本不会考虑这些用户。
学习如何融入包容性网页设计的概念意味着你能给你的客户提供更好的结果;你的客户能接触到的客户越多，你的设计就会得到越多的赞扬和正面评价。
那么，如何在设计选择中引入可访问性呢?
什么是网站无障碍?
从广义上讲，包容性指的是赋予社会边缘人群权力的活动或行为。包容性的设计意味着让你的内容更容易被那些有精神或身体问题的人访问，这些问题可能会让他们更难使用传统网站。
最终，可访问性是包容性设计策略的主要目标之一。当您使网站或应用程序更容易访问时，您需要调整UI和代码的某些方面，以使站点对具有某些限制的人尽可能容易接近和可用。
根据网络无障碍倡议，许多现代网站和网络工具的设计没有考虑到那些有残疾的人的需求。这就造成了可访问性障碍，使得一些人几乎不可能使用网站。
以下是一些可能影响终端用户与网站或应用交互方式的不同类型的残疾:
认知问题:影响理解，使浏览网站更加困难;
听觉问题:阻止客户听视频和音频内容;
神经问题:使站点上的某些术语和操作更加困难;
物理问题:难以滑动或敲击某些工具;
语音问题:语音UI设计的常见问题;
视觉问题:在高度视觉化的网站上阻止正面体验。
Web可访问性还可以让在特定情况下遇到问题的人的生活变得更容易。例如，肌肉有问题的人在使用小屏幕上的按钮和链接时可能会有困难。
那么，你如何让你的设计更容易理解呢?
了解你的听众
包容性网页设计不仅仅是把字体做大一点，然后期待最好的效果。为了提供真正的无障碍体验，你需要了解客户的目标人群。花些时间浏览客户的用户角色，向他们询问有关残疾人的问题，可以帮助您做出明智的决定。
例如，微软的包容性设计工具包要求设计师识别排除性，检查网站中可能无法访问的部分，并从多样性中学习。
在设计任何东西之前，问问自己是否可以:
解决任何独特的需求，如视力问题或听力问题;
更独特的方法取代传统的解决方案。例如，与其依赖颜色来突出显示文本的一部分，你可以使用字体重量来代替吗?这对色盲的人来说可能是理想的;
创造一些既能吸引残疾人也能吸引残疾人的东西。
设计一个干净清晰的布局
任何网站设计都应该首先关注清晰度。
不管你的设计是否考虑到包容性，目标应该是尽可能提供简单直接的体验，避免在设计过程中出现任何错误。
例如，没有人喜欢充满不合理的导航标志的凌乱设计。你需要一个网站充满了可以理解的链接，在任何屏幕上都容易点击的按钮，以及易于阅读的大字体。
当你为一个网站或应用程序创建一个新元素时，问问自己如何才能让来自各种背景的客户生活得更轻松。例如，Parramatta park使用了出色的对比度、清晰的字体和理想的元素大小，以确保其网站尽可能让客户感到易于使用。
请注意按钮是如何清晰和容易按下的。在任何屏幕上，颜色都是明亮和吸引人的，导航也很简单。记住，当你设计一个包含型原型时:
测试导航选项，确保它们易于使用;
不要让屏幕太拥挤，记住在减少认知负荷时少即是多;
确保你的设计在任何屏幕上都易于使用。
简化语言
一个包容性网站的视觉元素应该尽可能的简单易懂。然而，重要的是不要忘记你处理书面文字的方式。
使用简单的术语而不是复杂的行业术语对那些有阅读问题的人来说有很大的不同。还有排版方面的问题需要考虑，从字体的颜色、字体与所选背景的对比，到字体的清晰度。
记住，在意象和语言方面的次优设计也会影响那些没有残疾的人。遵循简单性的基本规则可以为任何访问您网站的人提供更好的体验。
确保你:
为视觉对比度添加下划线、粗体或调整大小的链接;
加强适当的行距，字体大小约为1.5倍;
启用一致的段落间距;
使用简单的语言，减少认知负荷;
使用缩写时要描述它们;
使用清晰的标题来逻辑地结构内容;
例如，看看Nomensa网站上的文字设计选择。大量的空白让内容更容易阅读。简单的词是可以理解和吸引人的。甚至字体的选择也模仿徽标，同时提供可读性。
优化网页设计颜色
包罗万象的网页设计趋势会来也会去。然而，色彩和对比对你的决定总是至关重要的。
通过确保您的设计元素满足WCAG定义的最小颜色对比度，意味着您为视力受损用户提供了可读性支持，并改善了非视力受损用户的体验。
对于在这方面需要额外帮助的设计师，斯塔克等工具可以帮助衡量颜色对比。该工具还提供了一系列旨在支持可访问性的其他工具。
请记住，您需要访问的最小比率将取决于您正在设计的元素。WCAG建议以下准则:
图形对象(图表)比例为3:1;
3:1比例的焦点，活动状态，悬停;
3:1比例的可点击项目和表单组件。
当你在研究Stark等应用的颜色对比策略时，一定要考虑色盲用户的需求。世界上4。5%的人看待颜色的方式和其他人不一样。如果你发现在坚持客户的品牌指导方针的同时很难实现正确的对比，也可以尝试下划线和加粗元素。
考虑视频和音频元素
最后，现在越来越多的公司选择在网站中嵌入视频和音频内容。这些视觉和听觉工具可以提供关于品牌及其功能的有用信息。然而，您可能很难仅通过视频和音频向某些客户传递重要信息。
视频内容的字幕对于听力受损的人来说可能是至关重要的。您可能需要考虑在预先录制的视频中添加文本，以便有听力障碍的人能够访问。这些文本和字幕对那些无法通过智能手机或电脑获取音频的人也很有帮助。
文本还可以帮助那些有视觉障碍的人，方法是让文本到语音工具向用户描述一些内容。这样，每个人都能获得有用的信息。例如，看看这段来自华盛顿大学的视频。它确保每个人都能理解内容中的内容。如果你为客户添加抄本到你的网站页面，你也可以帮助他们从改进的SEO也受益。成绩单比视频和播客提供更多的关键词排名机会。
无障碍设计优先
设计师要想在提供真正具有包容性的UI环境方面表现出色，他们就必须像为自己这样的人创建界面一样，善于为残疾人创建网站。作为设计师，我们尽量做到包容，但我们很容易陷入让网站更容易使用的想法。
如果你能站在与你不同的人的立场上，先考虑一些不寻常的需求，那么你就会发现你为每个用户提供了更强大、更有吸引力的体验。
例如，不要先为与你有相同视觉需求的人设计一个网站，然后再考虑对色盲或视力有问题的人进行调整，而要先考虑残疾人的需求。
你可以通过查看Vasilis Van Gemert的博客文章“危机方法”来了解更多关于把不寻常的需求放在首位的知识。
可访问性有利于业务
包容性的网页设计，或者无障碍设计，都是关于最大化你的客户可以获得的潜在受众。无论最终用户处于何种情况，您都应该确保利用了包容性设计。
如果你能向你的客户证明，你可以满足所有客户的需求，你就可以打开更多的受众和更多的机会。
