创建可访问画布应用

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

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

布局和颜色

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

  • 确保所有元素都清晰可见,且文本大小适当。 所有内容都必须可用肉眼轻松阅读和理解。
  • 确保输入元素在屏幕上有标签。 AccessibleLabel 属性定义屏幕阅读器将读出的内容。
  • 如果自定义颜色,确保文本和背景的对比比率不小于 4.5:1。 可随时使用软件工具来协助此过程。
  • 确保布局符合从上到下、从左到右阅读时的逻辑流。
  • 创建响应式应用,让视力不佳的用户可以放大来使用,而无需来回滚动。

键盘

在测试您的应用的辅助功能时,请确保应用只能通过键盘使用,无论是否有屏幕阅读器。

Tab 键应按逻辑顺序导航到交互式元素。 您可以使用逻辑应用结构并相应地设置每个控件的 TabIndex 属性来完成此创建。

  • 标签、图像、图标、形状 控件:如果它们将是交互式的,将 TabIndex 设置为 0。 否则,将 TabIndex 设置为 -1。
  • 不要将 TabIndex 设置为大于零。
  • 确保启用简化的选项卡索引应用设置。

屏幕阅读器

以下屏幕阅读器已经过验证可与 Power Apps 一起使用:

  • JAWS:Microsoft Edge
  • 讲述人:Microsoft Edge
  • NVDA:Google Chrome、Firefox
  • TalkBack:Google Chrome、Power Apps mobile
  • VoiceOverPower Apps 移动版、Safari(macOS、iOS、iPadOS)

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

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

控件类型和结构

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

  • 应用的每个屏幕上至少包括一个标题。 可以通过设置**标签** 的角色属性创建标题。
  • 针对交互文本使用**按钮,而不是标签**。
  • 在**容器** 中对相关内容进行分组。
  • 请注意不受支持的设计模式

多媒体

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

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

使用签名

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

后续步骤

可访问应用结构

另请参阅