Share via

创建可访问画布应用

  • 项目

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

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

布局和颜色

符合常理的不复杂设计有助于确保所有用户都能更轻松地使用应用。 若要大量自定义应用，请遵循以下建议。 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
  • VoiceOver：Power Apps 移动版、Safari（macOS、iOS、iPadOS）

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

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

控件类型和结构

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

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

多媒体

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

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

使用签名

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

后续步骤

可访问应用结构

另请参阅