跳过导航
Sketch illustration showcasing accessibility in design
学习设计

全球无障碍意识日 2022: 了解如何以每个人为中心进行设计

学习无障碍设计的基本原则,以及如何从今天开始应用它们

我们每个人都有不同的需求,无论是听觉、认知、心理、医疗,还是它们的组合。但我们享有平等使用和理解产品的权利。这在 网站设计 中尤为重要,虽然它可以应用于所有数字接触点。为了纪念 2022 年全球无障碍意识日,我们将带您了解围绕 无障碍 的一些常见问题,并提供有关如何使您的产品更易访问的操作技巧。

无障碍的目的是什么?

数字无障碍的目的是确保每个人都能从任何在线服务中受益。这可以包括为图像添加替代文本,以便屏幕阅读器可以扫描视觉内容,或者检查不同背景的对比度比率。

Glucode 的 UX/UI 设计师 Marianka Cilliers 的话来说,“您的设计是为了解决用户问题,而没有考虑无障碍性,您可能会错过目标,因为问题只对一部分用户解决了。”

想要了解 Glucode 如何为 Sketch 设计无障碍应用程序?查看我们对 Marianka 的 完整访谈

无障碍的四个原则是什么?

当我们谈论无障碍性时,我们经常会使用 POUR 这个词。这是一个首字母缩略词,代表 可感知性可操作性可理解性鲁棒性。您可以将它们视为四个理解层次,为了让您的最终用户真正理解并从您创建的数字接触点中受益,这些层次都需要实现。

  • 可感知性。您的用户需要能够理解内容的布局以及您如何呈现它。他们的屏幕阅读器能识别出顶部有一个导航栏吗?设计是否易于辨认?这是一个考虑颜色对比度、简单性和适应性的好地方。
  • 可操作性。您的用户需要能够与您的数字接触点进行交互。最简单地说,它可以是关于按钮是否足够大,以便能够点击。在更复杂的形式中,它指的是用户是否可以使用辅助技术完成任务,例如填写您网站上的表格或通过您的应用程序进行购买。例如,您可以只使用键盘在 Sketch 主页上导航。还有一个“跳过导航”按钮,可以帮助您更快地到达目的地。
Image of Sketch homepage with a Skip Navigation button for accessibility

您可以通过按下 Tab 键在 我们的主页 上导航。

  • 可理解性。用户应该理解界面以及如何使用它。这是一个考虑如何使您的数字接触点尽可能直观的好地方。使用产品或服务不应该很复杂。至少,它应该是可预测的。确保每个页面或屏幕与其他页面或屏幕保持一致。
  • 鲁棒性。您的数字接触点,尤其是网站,应该提供不止一种无障碍形式。这样,您的用户将能够在他们喜欢的无障碍工具之间进行选择,以便他们可以根据自己的需求调整体验。
想要了解更多关于这个主题的信息?我们推荐 CUNY 的 无障碍工具包指南。尽管它针对开放教育资源,但它对任何有兴趣使他们的产品更易访问的人来说都是很好的信息来源。

无障碍实践的一些示例是什么?

无障碍的妙处在于,只要我们致力于使我们的产品和网站为每个人服务,就总有改进的空间。以下是一些使您的产品、设计或网站更易访问的示例。

  1. 使用本机字体和默认大小以启用动态文本缩放
  2. 检查不同背景上文本的对比度比率。一个好的比率是 4.5:1
  3. 模拟 各种色盲形式 以确保用户能够区分不同的状态
  4. 对于 iOS,确保您的点击状态对于任何有行动障碍的人来说至少为 44px
  5. 确保文本标签准确描述组件的功能。

当然,我们只是触及了这五个技巧的表面。我们鼓励您阅读更多关于这个主题的信息,并找到对用例友好的方法来使您的项目更易访问。一些好的起点包括 W3C 网络无障碍平台GoogleApple 的无障碍指南,这些指南根据您正在设计的操作系统会有所帮助。

需要帮助使您的设计更易访问吗?下载 Appibilities

归根结底,无障碍性是关于努力真正地与用户建立联系。它需要坐下来,真正设身处地地为他人着想。虽然这需要付出很多努力,但回报是值得的。使您的应用程序和网站易于访问不仅是为更大的利益做出贡献,而且还意味着您创建了一种比以前更好的产品。一种真正满足客户需求的产品。

但当谈到无障碍性在设计中的重要性时,是 Yana Gevorgyan 说得最好。Cluse 的创建者,一个用于 Sketch 的对比度检查器插件,在 一次访谈 中与我们分享了,“作为设计师,我们有道德责任创造每个人都能使用的产品,而不仅仅是少数人。[…] 世界上大多数人口都连接到互联网,并依赖互联网来完成日常工作。其中包括来自不同背景、年龄和身体能力的人。虽然并非所有物理空间都对残疾人无障碍,但网站没有理由也一样。”

您可能还喜欢

免费试用 Sketch

无论您是 Sketch 的新手,还是回来看看有什么新功能,我们都会在几分钟内让您设置好,准备完成您最好的工作。

免费开始
免费开始
1280x720