应用程序的可访问性:如何关心用户的指南、示例和最佳实践

已发表: 2022-08-09

据世界卫生组织称,世界上 15% 的人口患有某种形式的残疾。 在大多数情况下,有意识的社会努力平衡健康差异,以便这一人群不会对公认的生活质量感到任何障碍。 它工作得很好,直到残疾人面临由于移动应用程序可访问性差而无法触及的情况。

为什么移动可访问性很重要?

使您的应用程序具有包容性不仅仅是社会责任问题。 除了培养多样性之外,可访问的移动应用程序还解锁了额外的收入来源,为您的公司提供了具有竞争力的顺风车,并帮助满足合规性法规。

同情

随着年龄的增长,我们都会面临一些限制,无论是听力受损、视力下降还是运动障碍。 此外,情境性和暂时性残疾会使我们所有人陷入与长期残疾者相似的环境中。 因此,移动可访问性是一项长期投资,除其他外,它可以帮助我们照顾老一代、年长的自己以及那些在临时条件下苦苦挣扎的人。

辅助技术也是一项重要策略,可以将面临额外挑战的人们更好地融入现代世界和在线社区。

竞争优势

据统计,四分之一的美国人身患残疾。 通过使您的解决方案具有包容性,您可以覆盖额外的 6100 万用户,从而扩大您的应用程序的用户范围。

此外,技术包容性在商业上很有趣。 残疾人的购买力在税后约为 5000 亿美元。 考虑到无法访问的应用程序的数量,您的应用程序和移动设备的可访问性可以带来这一额外的收入来源。

移动电话的可访问性还降低了您企业的运营成本。 一家荷兰 SNS 银行将呼叫中心的呼叫次数和相关费用减少了 15% 以上。 节省的费用与银行之前所做的移动网络可访问性更改有关。

可访问性为每个人提供更好的技术

技术包容性对某些人来说是必不可少的,但对所有人都有用。 隐藏式字幕、虚拟助手和语音识别软件是所有用户(包括残疾人)的首选功能。 例如,语音路线指示既是辅助功能,也是驾驶员的免提选项。 因此,使您的解决方案全押将使每个人受益。

符合标准和法规

在许多情况下,法律要求移动应用程序可访问性标准。 美国残疾人法案无障碍设计标准 (ADA) 要求将所有人纳入公共生活的所有领域,包括基于 Web 的企业及其应用程序。

ADA 法还与 Web 内容可访问性指南 (WCAG) 一起使用,该指南记录了 Web 内容可访问性的单一共享标准。 当前的 WCAG 版本是 2.1,而修订版计划在 2022 年 9 月发布。

到 2025 年,所有欧盟公司还必须优化其服务和产品的可访问性,以符合欧洲移动应用程序可访问性指南。

更好的品牌形象

最后,数字可访问性有利于您的品牌,并为品牌拥护者创造更多机会。 此外,56% 的客户认为公司应该在社会问题上采取明确的立场。

如何确保移动应用程序的可访问性?

截至今天,Web 内容可访问性指南或 WCAG 被认为是网站可访问性的基准。 该指南还以 WCAG for mobile 为特色,其中概述了移动可访问性最佳实践。 下面,我们将讨论根据 WCAG 真正可访问的应用程序应该是什么样的。

请记住,每个原则都包括三个一致性级别,其中 A 是最低级别,AAA 代表完全一致性。 大多数组织都努力将 AA 评分作为中庸之道。

可感知的

使您的解决方案可感知意味着用户必须能够用一种或几种感官感知它。 简而言之,如果您的应用程序的内容是面向视觉体验的,那么它应该有一个涉及听觉感知或任何其他感官模式的替代方案。

这里有什么问题?

  • 没有文字替代品

某些解决方案可能无法以屏幕阅读器可感知的方式为屏幕上的非文本内容(无论是控件还是图像)提供文本替代方案。 它固有地使应用程序无法读取 TalkBack 或 VoiceOver,它们分别是 Android 和 iOS 上的默认屏幕阅读器。

相反,语音描述使盲人或视力低下或弱视的人可以访问所有非文本数据。 例如,Facebook 推出了自动 ALT 文本来描述屏幕阅读器的视觉内容。

  • 无适应性

当移动解决方案的结构不容易调整到不同的内容呈现结构和方向时,它会忽略可访问性。 特别是,包容性产品可以在不牺牲内容或元素的情况下同时切换到横向和纵向,就像下面的示例一样。

原生移动应用程序可访问性指南还要求您的产品标记信息、结构和元素之间的层次结构。 这样,当演示文稿更改时,标题、表格和列表将保持不变,从而使您的布局保持简单和一致。

适应性对于有运动障碍的人、屏幕阅读器用户以及有学习困难和认知疲劳的人来说至关重要。

  • 没有显着特征

对比度不足、颜色选择不当或没有调整文本大小都会影响用户的感知。 例如,有颜色感知问题的人很难区分某些颜色。 因此,颜色不应该是传达差异或迅速采取行动的唯一方式。 相反,结合颜色和文本或字符提示来传达信息。

内容或功能丢失是另一个常见的可访问性问题,通常在视障用户缩放文本时发生。 您的移动无障碍设置必须允许最多增加 200%,同时保留所有内容和元素。

可操作

此原则要求您的应用程序必须包含完全可操作的界面和导航元素,以便用户可以使用每个功能,而不管有无缺陷或残疾。

这里有什么问题?

  • 时间不够

鉴于人们之间的多样性,很难预测浏览应用程序或找到特定部分需要多少时间。 例如,大多数银行应用程序都有最大会话时间作为安全措施。 然而,时间限制或时间敏感的内容使得屏幕阅读器或老年用户处理信息不方便。

相反,灵活的时间限制或关闭选项使您的应用程序对老年人、视力障碍者或外籍人士更友好。

  • 闪烁内容

闪烁内容对于包容性应用来说是一个危险信号,因为它会引发癫痫发作或其他不良影响。 因此,患有光敏性癫痫症的人根本无法看到闪烁的灯光或对比鲜明的视觉模式,而不会引发不良的身体反应。 这就是为什么重要的是要避免在 1 秒内闪烁超过 3 次的内容,并将闪烁区域限制在智能手机屏幕的一小部分。

  • 导航

既不是以编程方式标记也不是结构化的导航也会阻止用户消费内容。 对于只能使用辅助技术导航您的应用程序的视障用户以及有认知和运动障碍的人来说尤其如此。

标志性区域、描述性标题、独特的屏幕标题和带标签的控件使用户和屏幕阅读器能够以更少的按键快速定位所需的部分。 当使用屏幕阅读器阅读内容时,还可以对应用程序进行编码以跳过图形和导航链接。

例如,Tastemade 是工作中全屏导航的一个很好的例子,而右边的例子为了时尚的设计牺牲了可发现性。

可以理解

根据此可访问性原则,所有信息和您的整个用户界面都必须易于任何人掌握,无论他们的健康状况如何。 简而言之,您的应用程序越直观和直接,它获得 AAA 一致性级别的机会就越大。

这里有什么问题?

  • 可预测性

一些应用程序更喜欢将设计元素隐藏在复杂的图标后面或采用未来的用户流程。 虽然这样的设计是令人钦佩的艺术作品,但它们缺乏清晰度。

例如,汉堡菜单是一种被广泛接受的移动应用程序开发标准,它简化了紧凑型屏幕的菜单。 然而,对于视力障碍、认知受限、运动障碍和灵活性下降的人来说,它们既不可导航也不可预测。 例如,桌面版 Telegram 有一个汉堡菜单按钮。

可预测设计的首要目标是通过一致的设计模式、标准语义元素和有序的信息结构对接下来会发生什么设定准确的预期。 一个可访问的应用程序还应该在屏幕上轻松发现所有元素,以便准确了解用户现在的位置。 底部导航、垂直侧边栏或粘性菜单可以正确播放。

  • 输入辅助

一些视力质量较差、阅读和智力障碍的用户可能会发现输入无错误信息或区分必填字段和可选字段具有挑战性。 为了提供帮助,应用程序界面可以在字段中包含提示以强化重要信息。

提示的范围可以从屏幕阅读器的标记属性到选择状态和圆角。

  • 错误预防

同样,典型的错误指示方法可能不适用于视力低下或视力受损的人或色盲的人。 同样,有阅读或运动障碍的用户输入错误输入的可能性更高,这可能导致严重后果,包括财务责任。 因此,如果应用程序不提供用户可控制的数据,则它是不可访问的。

可逆提交、订单确认、删除记录或取消发送消息是防止用户犯错的一些保护措施示例。

强大的

无障碍功能应跨平台和设备无缝交付,包括不同版本的屏幕阅读器、盲文终端或文本放大软件。 简而言之,稳健的设计不受编码错误的影响,这些错误可能会扭曲网络设备或辅助技术中的内容或功能。

这里有什么问题?

  • 糟糕的编码

如果应用程序背后的 HTML 代码缺少完整的开始和结束标记,则应用程序的内容可能会在不同设备上显示不同、根本不显示或辅助技术无法读取。 符合所有标记语言规范的格式良好的 HTML 代码可确保可访问的内容结构在所有平台和设备上都保持原样。

跨平台开发能否提供适当级别的可访问性?

跨平台开发是一把瑞士军刀,它可以加快产品上市时间,用一个代码库杀死两个平台。 然而,跨平台开发的可访问性潜力落后于原生应用程序。 因此,跨平台技术是可访问性和降低成本之间的权衡,这仍然可以保证至少在 Android 和 iOS 上具有基本水平的移动可访问性。

因此,Flutter 应用程序开发致力于使应用程序更易于访问,并包括对可访问性的内置支持以及操作系统的相同功能。 Flutter 可以帮助你实现大字体、屏幕阅读器兼容性、足够对比度等辅助功能。

但请记住,移动可访问性是整个开发团队的集体成果,包括 Flutter 开发人员。 虽然 UX/UI 设计师致力于构建包容性界面,但 QA 专家确保您的最终应用版本通过可访问性测试。

无需在可访问性和设计之间做出决定

平等获得技术允许所有人参与社会并积极利用技术舒适度。 除了合规性,移动可访问性还有助于扩大用户群和​​公司的竞争优势。 然而,许多开发人员对可访问性编码标准仍然陌生,因为卓越的可访问性需要深入的研究和专业知识。 即使他们熟悉这个概念,将包容性功能包装到美观的界面中也常常具有挑战性。
如果您努力在可访问性和设计之间取得平衡,我们公司知道如何在两者上得分。 根据您的独特要求和可访问性标准,我们将包容性无缝集成到一流的应用程序设计中。 给我们打个电话,创建一个适合所有人的顶级移动解决方案。


这篇文章最初发表在这里