如何创建易访问的软件产品

真主安拉Nabatova•首席业务分析师
2022年11月24日•10分钟阅读

内容

介绍
什么是软件易访问性
软件易访问性要求
软件易访问性设计
软件无障碍开发
软件易访问性测试
Summary

介绍

用户体验并不总是构建软件的核心. 在科技发展的早期, 甚至在第一个视觉操作系统诞生的时候, 软件不应该只做它的工作，这一点并不明显, 但使用起来也要简单愉快. 现在, 用户体验从制作新软件的一开始就被考虑在内. 如果不分析用户角色，就不可能开始构建新的东西, 他们的目标和奋斗, 确保用户流程符合最佳UX实践. 但这还不够, 作为产品所有者，还应该使软件具有包容性，并在开发中考虑可访问性.

什么是软件易访问性

可访问性是构建软件的一组实践，用于解决与残疾人同等用户体验相关的歧视性方面. 可访问性意味着产品所有者应该关心残疾人，而不仅仅是出于扩展用户群等实际考虑, 但也因为获取信息被定义为一项基本人权(来源: UN)

越来越多的企业和机构已经开始关注软件的可访问性. 例如, 韦弗利的一个顾客, 耶鲁情绪智力中心, 期望所有的软件产品, 包括供应商开发的, 遇见耶鲁大学易访问性需求.

软件易访问性要求

使软件易于访问, 产品负责人应该评估网络 Content中阐述的四个可访问性原则可访问性的指导方针. 从设计产品的一开始就牢记这些原则是很重要的，因为它们会影响到整个用户体验. 如果违反了某些可访问性原则，最终可能需要重新构建整个用户流.

可访问性原则说的是可访问性, 软件必须是可感知的, 可操作的, 可理解且健壮.

可感知的: 用户界面不能不可检索. 不应该有隐藏的数据, 所有非文本数据都应该有文本替代, 应该有尽可能少的非文本选项(如图标), 菜单项的象形图). 如果应用程序包含预先录制的音频或视频, 它必须提供访问这些录音脚本的方法.
可操作的: UI组件和导航必须是可操作的. 产品负责人, 这意味着应用程序不应该包含有时间限制的导航选项, 设备有限, 或layout-limited. 确保当用户将设备方向更改为纵向或横向时，导航仍然可用. 不要依靠闪烁或闪光来获得用户的注意，因为这可能会导致癫痫发作. 始终指定用户在应用程序中的位置和可能的导航选项.
可以理解的: 信息和操作的用户界面必须是可以理解的. 避免使用缩略语和复杂词汇使界面过载. 说明必须清晰明了.
健壮的: 内容必须足够健壮，能够被各种各样的用户代理解释, 包括辅助技术. 软件所使用的技术应该在不降低用户体验质量的前提下支持尽可能多的辅助技术. 这意味着你的产品必须具有自动访问功能，以便对屏幕阅读器友好, 外部键盘, 浏览器插件, 等.

如何满足无障碍要求

软件易访问性设计

在用户界面设计中有几个简单的步骤很容易实现，并且每个人都使用它们可以使他们的产品更实惠. 在这些规则的帮助下，你不仅可以帮助残疾人，还可以帮助其他人. 这样设计的, 对于视力有问题的人来说，高质量和清晰的文本也可以帮助视力良好的人在户外明亮的阳光下使用该应用程序.

因此，让宝博体育买球仔细看看这些步骤，以了解每一个步骤.

色彩与色彩对比.

颜色和颜色对比在界面设计中扮演着重要的角色，提前考虑并使用对所有用户都安全的颜色来确保网页的可访问性是非常重要的. 以确保色彩和色彩对比是正确的, 有几个有用的工具，您可以在其中检查开发中的可访问性的遵从性. 其中一个工具是颜色对比检查器, 你只需要输入你想要的组合，程序就会给你结果. 或者如果你在Figma工作, 那么你只需要安装像Contrast和Stark这样的插件, 他们可以给你更详细的信息. 也, Stark有一个视觉模拟器，你可以通过一个有普通色觉障碍的人的眼睛来观察你自己的设计.

为设计元素使用额外的指示器.

颜色并不是传达信息的唯一视觉手段, 指示动作, 提示回复, 或者突出一个视觉元素. 这些都是辅助工具的一部分，使视障人士更容易理解他们需要做什么, 除了对比色, 标记等指标, 图标, 模式, 等. 使用. 的字体, you can use a different weight or underline style; for 图标, 不同的状态和大小，确保无障碍发展.

标记语言.

使用易于理解的标记语言，以避免在开发中设计可访问性时丢失元素的主要功能或属性. 关键是在设计时使用正确的结构元素, 这样浏览器就可以读取它们包含的内容，以及浏览器应该如何显示或处理这些内容. 页面的组件和结构构成了可访问性考虑树. 这棵树提供了屏幕阅读器，可以让有视觉障碍的人或有文字障碍的人“听”页面.

在字段中使用标签而不是占位符.

总是帮助人们弄清楚要做什么，并在表格上写什么. 最好的情况是，即使用户填写了输入，快捷键也不会消失. 在开发中设计可访问性时, 人们总是看到并知道他们所写的内容的上下文是非常重要的. 也, 你不需要用辅助信息把所有东西弄得乱七八糟, 只要确保这个人有足够的信息来顺利完成他们的任务, 这将有助于实现自动化的可访问性.

关注的指标.

焦点指示器可以帮助人们知道哪个元素有键盘焦点，还可以帮助他们在浏览网站时了解自己在哪里，从而在开发端实现自动访问. 必须为焦点提供的元素是链接, 表单字段, 小部件, 按钮, 菜单项. 最好马上考虑到这一点, 甚至在造型开发阶段, 这样，开发人员就可以更容易地为界面元素实现所需的行为, 设计师不需要重做.

分文本内容.

呈现给用户的所有非文本内容都有一个用于类似目的的文本替代. 视障人士经常使用屏幕阅读器来“听到”互联网，并修复网站上的可访问性差距. 可访问性服务将文本转换为语音，以便人们可以听到网站上的单词.

使用键盘导航.

键盘的可访问性是网页可访问性最重要的方面之一. 许多没有任何障碍的高级用户经常使用键盘来浏览站点. 对于有运动障碍的人来说, 视觉, 或者基于文本的损伤, 谁依赖屏幕阅读器, 这是浏览内容的唯一方法.

软件无障碍开发

从无障碍网站的发展角度来看，实现无障碍需要考虑的事项:

遵循平台可访问性指南. 这两个主要移动平台都有可访问性指南(for 安卓,因为 iOS. 流行的跨平台框架也提供了丰富的可访问性说明. 这里有一个对颤振.
所有可绘制的区域应该是最小的48×48像素
对所有图像使用ALT属性
确保所有元素都有轮廓
使用HTML语义元素

可访问性测试

测试网页可访问性的工具:

的灯塔Chrome扩展. 该插件检查网页内容的可访问性问题，并给你一个可访问性的路线图. Lighthouse为你做了自动化的可访问性测试，并提供了总体得分，并给出了关于如何改进网页可访问性的详细建议. 例如, 它可以指向没有ALT属性的图像，因此会被屏幕阅读器错过, 常见的可访问性问题之一. Or, 它可以指定颜色对比不够的地方，这有助于更容易访问的网页.

的 Axe浏览器扩展. 这个扩展检查与WCAG A和AA标准相对应的可访问性问题的更广泛列表的网页，使其成为一个访问的网站. Axe提供了一个详细的问题列表，以及关于如何修复这些问题以符合可访问性的建议.

尽管自动化易访问性测试工具非常有用, 他们不能抓住所有的问题. 最好的方法是将可访问性测试作为测试过程的一部分，并根据WCAG标准手动对您的web服务或移动应用程序进行评估. 在宝博买球，宝博体育买球为回归测试的每个A和AA标准创建了电子表格. 宝博体育买球还建议在开发可访问性时使用启用可访问性工具的应用程序. 例如:
1. 打开屏幕阅读器，看看你的应用程序是否可用.
2. 显着放大或缩小字体大小
3. 只使用键盘来使用你的网站
4. 在两个屏幕方向上使用应用程序
5. 关闭所有多媒体数据后，检查产品是否可用

易访问性测试并不局限于检查清单. WCAG提供例描述他们的每个原则都可以用于可访问性测试.

Summary

为了成功实施, 手机和网页的可访问性应该被视为开发过程的重要组成部分. 在工程团队中培养移情文化是很重要的, 强调残疾人首先是人. 培养以人为本的语言，深入学习包容性设计指南, 从多个角色的角度运行产品评估可以实现可访问性遵从性. 灵感可以从微软包容性设计指南中找到, GDS网页可访问性角色, 或者按字母顺序排列可访问性问题.