包容性网页设计：为什么重要以及如何去做

社会包容性已成为一个关键问题，许多组织和倡导团体正在寻找方法来停止对遭受社会排斥的人的歧视。

但是数字环境呢？ 全球 15% 的人口患有某种形式的残疾，在线体验的包容性不仅仅是一种趋势。

以网页设计为例。 可能有成千上万的人访问您的网站但无法浏览它。 那么，这会给你留下什么？ 数以百万计的人失去了打动他们、应对挑战和建立长期关系的机会。 这就是企业开始关注为所有用户创造平等的网络浏览体验的原因。

但事实是，要使包容性网页设计成为新常态，我们还有很长的路要走。 大多数营销人员似乎不愿意实施包容性设计策略，认为这既费时又费钱。 在本文中，我们将通过分享关于包容性网页设计的所有知识、您需要它的原因以及正确执行它的最佳实践来解决这个流行的信念。

什么是包容性网页设计？

包容性网页设计是考虑因属于少数群体而以不同方式遭受排斥的用户的特定需求的做法。 设计包容性不仅包括永久性残障人士，还包括受压迫群体或在与数字产品交互时遇到限制或排斥的任何用户。

作为用户体验专家，您面临着创建人人都可以使用的产品的责任。 无论是如何构建公司博客还是如何创建登录页面，也无论访问者面临何种类型的限制，满足每个人的浏览需求都不应该是事后才想到的。 话虽如此，我们不应该将包容性设计与可访问性实践混淆，因为它远不止于此。

包容性网页设计与无障碍网页设计

有一个普遍的误解，认为包容性网页设计等同于可访问的网页设计。 设计中的可访问性和包容性可能是齐头并进的，但它们并不相同。 包容性网页设计是一个涵盖性术语，涉及可访问性方法，涉及使数字产品易于残障人士理解。 包容性扩展到其他因素，例如技术限制、语言和人口统计障碍或任何类型的使用户无法完全参与网页的情境限制。

当我们谈论包容性设计时，我们实际上是指解决任何类型限制的通用设计，从使用小屏幕或互联网连接速度慢的人到手臂受伤等暂时性残疾的人。 包容性设计不仅限于提供易于访问和易于使用的解决方案，更重要的是，它应该让人们感到被欣赏。

长话短说，包容性网页设计更多的是关于如何处理多样性设计，而不是结果本身。

包容性网页设计的基本支柱

要构建包容性数字产品，设计师需要创造满足每个用户需求和环境的体验。 因此，从一开始就采用包容性设计思维方式至关重要。

让我们来看看您需要牢记的包容性设计的支柱。

• 确定排除的类型。 在开始之前，搜索排除点并将它们作为创建新的和更具包容性的选项的起点。 当设计师弄清楚个人如何以及为何感到被排斥时，就可以更轻松地创建通向包容性数字体验的路线图。
  
• 让用户参与进来。 用户应该是每个数字解决方案的中心。 为了让设计师了解不同用户群体的价值，让他们参与应该是一个优先事项。 这对于设计师不太了解的群体来说变得更加重要。 因此，征求他们的意见以发现他们不断变化的需求，并根据他们的意见测试想法，以提供他们喜欢的体验。

• 远离个人偏见。 包括来自不同背景和社区的用户，以避免个人偏见妨碍设计公平的解决方案。 这将帮助您了解您在设计过程中遗漏了哪些人。
• 从你的团队开始。 避免偏见的第一步是从你自己的团队开始。 拥有一支包容的员工队伍不仅可以帮助您认识到自己的个人偏见，还可以克服这些偏见。 由具有不同背景和能力的人组成的设计团队是解锁更广泛的用户挑战的关键。

为什么包容性是网页设计的必备条件？

用户需求是多种多样的。 因此，假设一种放之四海而皆准的方法可能会导致灾难。 此外，网页设计中的包容性开发可帮助您确立自己的行业领导者地位并超越竞争对手。

让我们分解一下在设计数字产品时采用包容性思维方式的最重要原因。

1. 覆盖更多受众

撇开社会影响不谈，包容性网页设计从商业角度来看也至关重要。 不用说，如果您将大部分受众排除在外，您将失去客户。 翻译选项、视觉组件或语音助手等包容性功能可帮助您覆盖更多受众并增强网站设计的包容性。 专注于建立普遍积极的体验，用户将以忠诚度回报您。

2. 人们对你有期望

社交媒体平台让人们关注社会不公，因此今天的用户比以往任何时候都更有社会意识。 人们希望企业转向包容性，因为这是正确的做法。 这就是为什么将具有不同需求和能力的人包括在内不仅仅是一项业务决策。

如果您不尽一切努力让用户参与进来，您就会将他们排除在与您的产品互动之外，即使是无意的。 现在是为多样性进行设计的时候了，因为它会影响用户是否会选择转变为客户。

3.同时解决不同的问题

每个网站访问者都有兴趣和动机，以及根据不同情况限制他们的能力。 因此，我们每个人在与网页设计互动时都可能会受到排斥。 这就是包容性设计可以以相似的方式将具有不同限制的不同用户联系起来的地方。 例如，干净的大文本有益于视力不佳的人，但它也有助于司机和其他在运动中浏览的人。

4. 建立品牌知名度

消费者喜欢让他们的生活更轻松的品牌，没有什么比包容性设计元素更能表明这种意图。 互联网用户的注意力持续时间较短，花在各种屏幕上的时间更多。 因此，腕管综合症或计算机视觉综合症等问题比我们想象的更为普遍。 这些人更喜欢访问可以在任何设备上轻松浏览的网站。

当您在设计网站时考虑到包容性，访问者会对您为他们提供的客户旅程感到欢迎和舒适。 这样一来，您的品牌就会占据首位并具有竞争优势。

5.它改善了你的搜索引擎优化

搜索引擎更喜欢为更好的用户体验和包含功能而优化的网页。 如果您不跟上可访问性最佳实践，那么引人注目的网站在 SEO 方面对您没有任何好处。

许多营销人员往往会忽视其网站的可用性和可访问性。 但是，这是搜索引擎注意到网站并提高其排名的可靠方式。 您不仅可以通过与其搜索算法保持一致来保持 Google 的满意度，而且还可以为访问者提供最佳的页面体验。

8 个包容性设计最佳实践

更具包容性的设计可能会令人沮丧，因为很难评估您的网页是否提供公平的在线体验。 如果我们必须选择一个起点，那就是放弃所有假设，并决定支持所有用户，而不仅仅是普通用户。 为了成功地让每个人都感到被包容，请继续阅读以发现作为设计师应遵循的最佳实践。

1. 创建结构合理、可读性强的内容

您的网站内容是内容营销策略不可或缺的一部分。 可读且结构严谨的内容是保持访问者参与的关键。

选择一种结构，让有认知或视觉障碍的访客能够阅读它。 您还应该包含一个逻辑序列，引导用户浏览您的内容并消除摩擦点。

除了这些步骤之外，还有一些简单的更改可以改变用户与您的内容的交互方式。 以下是可读性和有意义的排序内容的一些关键指南：

• 使用简单的语言和简短的句子，使您的内容易于阅读和消化
• 将长文本块分成较小的部分，并使用标题、项目符号列表和图像来支持有视力或阅读障碍的用户
• 包括手风琴之类的元素，以隐藏会分散访问者注意力的内容，而这些核心内容是他们需要首先访问的核心内容
• 确保在内容和背景之间使用足够的对比度

2. 保持布局清晰简单

层次结构对于布局和内容一样重要。 作为设计趋势，清晰和简约永远不会过时，这是有充分理由的，因为访问者不喜欢带有复杂导航和混乱信息的凌乱设计。 清晰简单的布局转化为直观、用户友好且视觉上吸引人的界面。

确保构建网站的核心功能，突出其可用性，同时不会让访问者偏离最相关的信息。 然后，您可以添加任何必要的组件来展示价值并进一步吸引他们。

3.确保一致性

作为一名设计师，您已经知道一致性对于您创建的每个数字产品都至关重要。 当您设计以包含不同的受众时，这一点就更为重要。 不一致的设计通常会使用户感到困惑，并导致他们离开您的网站。 对于有认知障碍的人来说更难，因为他们很难通过没有意义的复杂界面。

网站导航的一致性可提高易用性，并可带来更轻松、更快速的转换。 但不要误会我们的意思——一致性并不意味着可预测性。 因此，请确保您只删除导致挫败感的元素，同时尽可能保持创意。

4.为图像使用替代文本

精明的营销人员知道图像、视频或信息图表等视觉元素如何在传达感受的同时吸引注意力。 但是，如果您不分别包含替代文本和标题，那么在您的网站上包含图片或视频是没有用的。

屏幕阅读器依靠替代文本向有视力障碍的人描述图像。 精心制作的简短描述通过告知访问者图像的含义来帮助避免误解。

当您为图像编写替代文本时，需要考虑以下几个重要方面：

• 简要而准确地描述图片中发生的事情，以便用户快速访问最关键的信息
• 请记住包括图像与周围环境的关系
• 当图像主要是装饰性时，使用空的 <alt> 字段让屏幕阅读器知道他们可以跳过该图像

此外，不要忘记为您的视频内容添加字幕，以便有听力障碍的人能够理解您的视频内容。 确保为网站上的每个视频提供字幕，以便用户充分理解您的信息。 最后，无论您做什么，都不要将视频置于自动播放状态，因为这会增加用户的认知负担。

5.选择包容性副本

许多营销人员犯的一个错误是忽视文案而偏爱视觉效果。 但文字是我们表达自我和建立联系的工具。 用户体验设计也是如此。 为了向更多的观众开放，您需要一份包容而简洁的文案。 让我们回顾一下为包容性副本实施的一些策略：

• 选择简单的词，避免复杂的术语或不必要的行话。 这样做可以让有学习和认知障碍的人理解您的信息。
• 如果您必须在您的网站上使用复杂的想法或术语，请考虑使用图像或视频为残障用户或非母语人士简化操作
• 对在线表格中包含的副本要格外小心。 它是潜在客户生成中最敏感但最被忽视的部分之一。 找出您需要提出哪些问题以及如何提出，并注意您提供的答案选项。
• 排除性别代词和对性别敏感的术语（例如，“女士们，先生们”），以确保所有用户都感觉准确。

6. 明智地选择颜色

颜色在设计中起着巨大的作用，因为它能唤起情感并吸引观众的注意力。 问题是它有局限性，因为并非所有用户都以相同的方式感知颜色。

例如，患有红绿色盲的人很难看到绿色和红色的阴影。 最重要的是，来自不同文化背景的访问者对颜色的解释不同，这可能会影响他们对您的内容的理解。 例如，视力不佳或色盲的访客可能难以理解以色差形式呈现数据的饼图。

你能做些什么来避免访客中的这种困扰？ 不要依赖颜色作为唯一的视觉提示，而是尝试结合标签、图标或粗体文本等元素。 此外，避免使用高度对比的颜色并将相似的颜色并排放置。 这些小事让用户可以舒适地使用您的网站，同时弥合不同受众群体之间的差异。

如果您不知道从哪里开始，您可以使用 Color Safe 或 WebAIM 等工具为您生成易于访问的颜色组合。

7. 不要忘记键盘辅助功能

设计网站时要测试的关键组件之一是键盘可访问性。 如果您不针对键盘导航优化您的网站，就会给有视觉或运动障碍的访问者带来困难。 请记住，键盘可能是他们访问您的网站并与其组件交互的唯一方式。

但是优化键盘导航意味着什么呢？ 尝试从左到右，从上到下，确保您可以只使用键盘浏览网页。

不要忘记通过简单地使用 Tab 来测试导航过程的难易程度。 Tab 键对于键盘辅助功能同样重要，因为它是纯键盘访问者浏览网页的方式。 此选项背后的主要思想是让他们能够通过单击 Tab 键来选择页面上的每个元素。

包容性的重要性

多年来，网页设计一直致力于创建引人入胜、色彩丰富且与众不同的网页，以引起人们的注意。 虽然这些特征仍然相关，但它们不足以为访问者提供真正愉快的网络体验。

试想一下，您创建了一个引人注目的网站。 如果您在构建它时没有考虑到包容性网页设计，就会阻止很大一部分用户访问它。 您的最终结果应该是每个设备上的每个用户都能很好地接受的通用设计。

将您的网站变成一个对所有访问者都具有包容性和平等性的空间并不像听起来那么吓人。 要想成功，您首先需要深入了解不同受众群体在使用数字产品时面临的挑战。

请记住遵循本指南中分享的最佳实践来创建可用且有价值的网站。 而且，无论您做什么，都不要停止跟上不断变化的受众对包容性和以客户为中心的数字体验的需求。