创建可访问画布应用

可访问画布应用使有视障、听障和其他障碍的用户能够成功使用应用。 除了遵守许多政府和组织的要求外,遵守下面的指南可以让所有用户都用起来更加方便,无论他们是否有残障。

使用 辅助功能检查器 来帮助检查应用中的潜在辅助功能问题。

布局和颜色

符合常理的不复杂设计有助于确保所有用户都能更轻松地使用应用。 若要大量自定义应用,请遵循以下建议。 Power Apps 主题是为了满足辅助功能标准。

  • 确保所有元素都清晰可见,且文本大小适当。 所有内容都必须可用肉眼轻松阅读和理解。
  • 避免使用项的可见性属性来显示元素。 如果需要有条件地显示内容,请在新屏幕中创建内容,并来回导航到它。
  • 确保输入元素在屏幕上有标签。 AccessibleLabel 属性定义屏幕阅读器将读出的内容。
  • 如果自定义颜色,确保文本和背景的对比比率不小于 4.5:1。 可随时使用软件工具来协助此过程。
  • 确保布局符合从上到下、从左到右阅读时的逻辑流。

键盘支持

在测试应用的辅助功能时,确保应用仅可与键盘、iOS 和 Android 上的辅助功能模式以及基于键盘的屏幕阅读器一起使用。

对于键盘导航(启用或未启用屏幕阅读器),请确保在使用 TAB 键时按逻辑顺序导航到输入字段,方法是通过设置每个控件的 TabIndex 属性:

  • 标签、图像、图标、形状控件 - 如果它们表示交互元素(即按钮),将 TabIndex 设置为 0;如果它们是装饰性元素或文本,将 TabIndex 设置为 -1。
  • 避免将选项卡索引值设置为大于零。

屏幕阅读器支持

若要结合使用 Power Apps 和屏幕阅读器,支持的软件组合如下:

  • Windows:Microsoft Edge/讲述人
  • macOS:Safari/VoiceOver
  • Android:Power Apps 应用/Talkback
  • iOS:Power Apps 应用/VoiceOver

为了确保令人满意的屏幕阅读器使用体验,建议执行以下操作:

  • 确保所有输入控件均已设置 AccessibleLabel 属性。
  • 对于图像,将 AccessibleLabel 设置为相应说明。
    • 如果图片不用作按钮或链接(即图标只用作装饰),且不得由屏幕阅读器阅读,请确保 AccessibleLabel 为空或未设置。
    • 如果图片或图标用作按钮,请将 TabIndex 设置为 0,并将 AccessibleLabel 设置为链接说明。

控件类型和结构

使用正确的控件并进行分组将帮助屏幕阅读器用户了解应用的结构。

多媒体

请确保所有视频都有字幕,且全部录音的解说词都可供用户查看。 视频 控件支持 WebVTT 格式的隐藏式字幕(通过 ClosedCaptionsUrl 属性实现)。

启用屏幕阅读器后,计时器 读出的不是按钮文本,而是所耗时长。 无法禁用读出功能,即使计时器隐藏且不透明度低,也不例外。

使用签名

如果有签名字段使用笔输入控件,您需要启用签名输入的备用方法。 推荐方法是,显示可供用户键入姓名的文本输入控件。 请确保 AccessibleLabel 属性中有签名说明,且该控件靠近笔输入位置(即在笔输入右侧或正下方)。

后续步骤

可访问应用结构

另请参阅