面向设计师和开发人员的辅助功能工具

今天我们来谈谈无障碍设计。

它是一种创建可供所有人使用的应用程序、网站和产品的做法，包括有视觉、运动、听觉、语言或认知障碍的人。

你为什么要支持无障碍设计？

• 你可以通过制造包容性强且易于使用的产品来影响他人的生活。
• 十亿人患有残疾：您的产品可供他们使用。
• 更好的辅助功能支持能够带来更好的用户体验和更简洁的代码。

在本指南中，您将找到辅助功能测试工具、颜色对比度检查器和色盲模拟器，适用于从事 Web 和移动应用设计的设计师和开发人员。

🎨 用于创建无障碍色彩的工具

Contrast — 一款简单的 macOS 应用，用于检查颜色对比度并根据 WCAG 指南识别无障碍颜色配对。

无障碍配色方案构建器——一款用于构建无障碍配色方案的强大工具。最多可输入 6 种颜色，并查看颜色矩阵，了解哪些颜色可以组合使用。

ColorBox——一款通过算法构建无障碍色彩系统的工具。它在选择颜色组合时，还会按颜色、色调、饱和度和亮度进行排序。

Contraste——一款免费应用程序，用于根据 WCAG 规则检查文本的可访问性。

Hex Naw是一款免费的颜色辅助功能测试工具，用于测试整个颜色系统的对比度和辅助功能。您可以同时测试大约 12 种不同的颜色。

90 个示例——一套免费的易用配色方案：

• 多种符合A11Y标准的颜色组合
• 90 种具有足够对比度的文本/背景颜色组合。

对比度检查器——另一款免费的颜色辅助工具，可帮助检查元素背景与页面本身之间的对比度。

Colorable——一款免费的基于网络的对比度工具：

• 使用一组固定的颜色组合，计算每种可能组合的对比度值。
• 包括 WCAG 无障碍指南的通过/不通过评分。

👓 色盲模拟器

Stark是一款付费的 Sketch 插件，可以模拟不同类型的色盲。

Color Oracle——一款免费的色盲模拟器。它使用模拟色觉障碍的算法，让您能够看到色盲人士看到的颜色。

Toptal 的颜色滤镜——这款在线工具可以让你测试你的网站，并向你展示不同色盲人士将如何看待你的页面。

🙌 无障碍测试工具

ANDI — 一款免费的网页内容可访问性测试工具：
提供自动检测可访问性问题的功能
，提供改进可访问性的实用建议，并检查 508 合规性。

WAVE——一款免费的网页可访问性评估工具：

• 通过在页面中插入图标​​和指示器来提供视觉反馈
• 具有用于评估本地、动态或密码保护页面的浏览器扩展程序。

AChecker是一款免费的无障碍测试网页应用，允许您通过网页 URL、HTML 文件甚至标记来检查其无障碍性。此外，它还提供 CSS、HTML 验证器等其他功能。

A11ygator是一款免费的网页工具，用于根据 WCAG 标准分析网站。它还提供浏览器扩展程序和 Twitter 机器人版本。如需查找更多辅助功能工具，请查看“优秀设计工具”列表。

🙌 iOS 开发者工具

辅助功能检查器是 Xcode（iOS 应用开发的主要 IDE）的一部分。您可以将其视为一个内置的辅助功能检查器，它会遍历 iOS 应用并查找辅助功能问题。然后，辅助功能检查器会显示 iOS 应用中可以改进的部分，并帮助检查 iOS 辅助技术。

VoiceOver可以帮助用户在不看屏幕的情况下浏览应用。启用 VoiceOver 后，还可以用它来测试 iOS 应用的辅助功能，只需尝试使用您的应用即可。

VoiceOver 会以语音播报屏幕内容，包括电池电量、来电者以及手指当前所在的应用程序。您还可以根据需要调整语速和音调。触摸屏幕或在屏幕上滑动手指时，VoiceOver 会朗读手指所在项目的名称，包括图标和文本。要与项目（例如按钮或链接）进行交互，或导航到其他项目，请使用 VoiceOver 手势。—— iPhone 用户指南

请访问苹果官网查看“iOS 辅助功能”部分，了解更多可在 iOS 应用中支持的辅助技术信息：

实用指南和资源

本指南更侧重于帮助您构建更易于更多用户使用的产品的工具，而非可评估性实践（尽管后者同样重要）。因此，这些指南将教您如何遵循最佳实践：

• 苹果团队制定了人机界面指南，其中包含许多关于 iOS 设计无障碍功能的技巧。指南涵盖用户界面、导航、字体、颜色、动态效果等诸多方面。

• InVision 团队撰写了一些很棒的文章。其中一篇题为《无障碍设计其实并不难》，文中提供了七条易于实施的设计准则。另一篇关于产品设计中色彩无障碍的指南，对于那些希望在设计时充分考虑无障碍因素的人来说，会很有参考价值。

• 微软团队的包容性设计是一套全面的无障碍方法论和实用工具。

• 《色彩对比提升阅读体验》这篇文章旨在帮助您建立和使用易于理解的色彩方案。

• 想使用 SwiftUI 构建更易于访问的 iOS 应用？不妨学习一下关于图像、排序优先级、命名控件、动态类型、无障碍用户界面、特性、属性、用户设置和语义视图的开发技巧。这是一系列由 Capital One 的 iOS 工程师 Rob Whitaker 撰写的精彩 iOS 开发指南，每篇只需 3-4 分钟即可掌握。

• 另外，还可以看看这份清单：如何让你的 iOS 应用更易于访问。

有了这些工具和知识，我们可以创造出更易于使用的产品，触达更广泛的用户群体，并改善人们的生活。我认为这足以成为我们在设计和开发中支持无障碍设计的有力动力。

原文发表于UX Collective