设计无障碍HTML5表单 designing-accessible-html-forms

CAUTION
AEM 6.4已结束扩展支持,本文档将不再更新。 有关更多详细信息,请参阅 技术支助期. 查找支持的版本 此处.

HTML5表单使用ARIAHTML5辅助功能标准生成无障碍HTML表单。 这些表单支持选项卡式导航(Mozilla FireFox除外),并经认证与常见屏幕阅读器兼容。 要生成具有良好辅助功能的HTML5表单,请基于某些 基本设计准则. 设计准则包括配置正确的选项卡顺序并为每个表单控件提供讲话文本内容。 AEM Forms Designer支持设置这些表单控件属性以生成无障碍PDF和HTML5表单。

注:选项卡式导航不涵盖受保护的字段,如显示值总和的计算字段。 为了让屏幕阅读器读取受保护字段的值,请在受保护字段的顶部或旁边放置一个空的只读字段。 将受保护字段的值分配给新的只读字段。 屏幕阅读器或选项卡式导航可以选取此只读字段,并将其表示为受保护字段的值。

AEM Forms Designer包含许多可传递给屏幕阅读器的“讲话文本”选项。 对于表单中的每个对象,用户可以为屏幕阅读器文本指定以下几个设置之一:

  • 自定义屏幕阅读器文本,可使用辅助功能面板进行设置。 作者可以对按钮和字段的名称及其用途添加批注。
  • 工具提示,可在辅助功能面板中设置。
  • 表单中字段的字幕。
  • 对象的名称,在“绑定”(Binding)选项卡的“名称”(Name)选项中指定。

辅助功能

当表单控件上有多个选项(如工具提示、屏幕Reader文本和标题)可用时,屏幕Reader仅使用这些属性之一。 默认顺序为“自定义屏幕Reader文本”、“工具提示”、“标题”和“名称”。 您可以使用屏幕Reader覆盖默认顺序 优先级 选项。

recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da