创建无障碍的自适应表单 creating-accessible-adaptive-forms
简介 introduction
无障碍表单是每个人都可以使用的表单,包括有特殊需要的用户。 Adobe Experience Manager(AEM)包含许多特性和功能,可增强具有不同功能的用户自适应表单的可用性。 该解决方案还帮助表单作者创建无障碍的自适应表单。
将辅助功能构建到自适应表单中不仅允许尽可能广泛的内容受众,而且在要求遵守辅助功能标准的地理位置提供文档时,还要求提供这些文档。 AEM Forms帮助表单开发人员遵守无障碍标准。
在创作自适应表单时,作者应考虑以下几点以创建无障碍的自适应表单:
- 为表单控件提供适当的标签
- 为图像提供对等文本
- 提供足够的颜色对比度
- 确保表单控件可通过键盘访问
为表单控件提供适当的标签 provide-proper-labels-for-form-controls
组件的标签或标题可标识表单组件所代表的内容。 例如,文本“名字”告知用户,他们必须在文本字段中输入自己的名字。 为便于屏幕阅读器访问,标签采用编程方式与表单组件关联。 或者,表单控件配置了其他辅助功能信息。
屏幕阅读器感知到的标签不一定与可视标题相同。 在某些情况下,您可能希望更具体地介绍控制的目的。 对于表单中的每个字段对象,可使用辅助功能选项指定屏幕阅读器所朗读的内容,以标识特定的表单字段。
要使用“辅助功能”选项,请执行以下步骤:
- 选择组件并点按 .
- 单击 辅助功能 ,以选择所需的辅助功能选项。
表单组件中的辅助功能选项 accessibility-options-in-form-components
自定义文本 表单作者在辅助功能选项自定义文本字段中提供内容。 辅助型技术(如屏幕阅读器)使用此自定义文本。 在大多数情况下,使用标题设置是最佳选项。 仅当无法使用标题或简短描述时,请考虑创建自定义屏幕Reader文本。
简短描述 对于大多数组件,当用户将指针悬停在组件上时,将在运行时显示简短描述。 您可以在帮助内容选项下的简短描述字段中设置此选项。
标题 使用此选项可让AEM Forms使用与表单字段关联的可视标签作为屏幕阅读器文本。
名称 您可以在“绑定”选项卡的“名称”字段中指定一个值。 名称不能包含任何空格。
无 选择“无”会导致表单对象在已发布的表单中没有名称。 对于表单控件,不建议设置“无”。
为图像提供对等文本 provide-text-equivalents-for-images
图像有助于提高某些用户的理解能力。 但是,对于使用屏幕阅读器的用户,图像会降低表单的辅助功能。 如果选择使用图像,请为所有图像提供文本描述。
确保文本在表单中描述对象及其用途。 屏幕阅读器在遇到图像时会读取此替换文本。 图像必须始终指定替换文本。
选择图像组件并点按 . 在侧栏中的属性下,为图像指定替代文本。
提供足够的颜色对比度 provide-sufficient-color-contrast
辅助功能设计涉及考虑有关颜色使用的其他准则。 表单作者可以通过突出显示各种表单组件,使用颜色来改善表单外观。 然而,不当使用颜色可能会使不同能力的人很难或无法阅读某种形式。
患有视觉障碍的用户需要借助文本与背景之间的高对比度来阅读数字内容。 如果没有足够的对比度,某个表单对于某些用户来说可能会变得很难阅读,甚至是不可能。
建议您使用默认字体和背景颜色,即白色背景中黑色的内容。 如果更改默认颜色,请选择浅背景颜色上的深前景颜色,或者选择反之。
请参阅 为自适应表单创建自定义主题,以了解有关更改自适应表单的颜色对比度和主题的更多信息。
确保表单控件可通过键盘访问 ensure-that-form-controls-are-keyboard-accessible
只能使用键盘或等效的输入设备完全填写无障碍表单。 移动性降低或视力受损的用户可能别无选择,只能使用键盘,而许多能使用鼠标的用户更喜欢键盘输入。 通过允许使用各种输入方法,您不仅可以创建无障碍表单,还可以创建更适合所有用户偏好的表单。
以下键盘快捷键在AEM Forms中可用。