东俄勒冈大学 > 数字无障碍在东俄勒冈大学 > 数码无障碍指引 > 形成指南

形成指南

概述

Webforms需要多种不同的技术来实现可访问性。这不应该阻止你使用它们;当实现正确时,web表单是最容易访问的表单类型,特别是因为它们有多种可用的技术,使它们更容易被残疾人士理解。制作web表单所需的前期工作可能比创建基于文档的表单更重要,但从长远来看,维护成本更低,因此尽可能鼓励使用web表单。

本文假设您使用的是原生HTML web表单。如果你可以访问第三方服务,比如Qualtrics,这些服务可以用来创建可访问的网页表单,但它们也有问题选项,比如拖放,是不可访问的,调查创建界面本身是不可访问的。可访问的Qualtrics表单的外部资源可在本文末尾获得。

指导方针

添加说明

  • 所有表格的开头都应该有说明。这些说明详细说明了表单是什么,以及如何使用它。
  • 如果有多个输入字段都有相同的格式要求,比如10个日期字段都使用ISO格式,那么在介绍说明中列出这一点是合适的。
  • 像“联系澳门金沙娱乐城app”这样的简单表单可以用一个简单的描述来代替。
  • 带有条件疑问句的复杂多部分表单可能需要大量的描述。如果有很多指令,请考虑在表单的开头提供高级描述,并在每个相关部分之前提供特定于该部分的指令。
  • 如果个别问题有特定的格式要求,请在输入字段标签中提供这些要求。
    • 占位符文本可以使用,但它应该补充始终可见的指令,它不应该是输入需求的唯一指令。

必填字段

  • 必填字段通常用星号(*)表示。
    • 如果是这样,必须有一个指令告诉用户*表示必填字段,在必需字段的第一个实例之前。

*必填字段

电子邮件:*

  • 建议使用必需的HTML属性,但是并不是所有的屏幕阅读器都能读取这些属性,所以它确实取代了对可视必需字段的需求。
  • 颜色不能是必填项目的唯一指示符。您可以使用红色星号来表示必填项,但是您不能仅仅将必填项的文本涂成红色(而不使用星号)来表示它是必填项。

输入字段标签

  • 所有表单字段都必须加标签。只要有可能,应该使用HTML
  • 上面的邮件示例编写如下:

  • 单选按钮和分组问题应该分组在
    元素中,用子 标签围绕问题。

首选联系方式:*电话邮件

  • 上面的Contact Method示例如下:

首选联系人方法:*
.

验证、错误和提交表单

  • 越早发现错误越好。
    • 最好的情况是:一旦用户将鼠标或选项卡从输入字段移开,它就会用JavaScript事件处理程序验证输入。如果输入不正确或不完整,它会立即通知用户。
    • 可接受的情况:当用户尝试提交表单时,页面执行客户端验证以验证输入是否正确,并立即发出所有相关错误。
    • 不可访问的情况:所有验证都是在服务器端实现的,任何错误都要求用户重新完整地提交表单。请注意,如果服务器端验证补充了类似的客户端验证,那么出于安全目的,服务器端验证是可以接受的。
  • 当用户收到错误通知时,他们会被告知错误在哪里,并被提醒无效或不完整表单字段的需求。
  • 如果用户提交的表单涉及财务事务,构成具有法律约束力的协议,或具有其他实质性后果,则为他们提供了一种方法,可以在提交之前反转表单提交或纠正任何错误。
    • 这通常是在最终提交表单之前通过“审查”页面完成的。

验证码

  • 验证码在一些可访问性倡导者和残疾用户中是有争议的。所有类型的验证码都存在创建可访问性障碍的风险。
    • 如果必须使用验证码,请使用更容易访问的reCAPTCHA v3(外部链接)。
    • 永远不要使用传统的captcha,要求用户识别字母,或识别哪些图片包含某些图像。

如何测试

  • 验证是否有澳门金沙娱乐城app表单目的的可见文本描述,以及任何表单字段指令,包括指示所需字段的任何符号的可见描述符。
  • 确认颜色不是单独用来指示必填字段的。
  • 手动检查HTML以检查每个输入是否有一个关联的
  • 回答带有不正确输入的问题,并验证输入是否经过客户端验证,以及是否为您提供了澳门金沙娱乐城app如何修改输入的清晰描述。确认错误是用标识符表示的,而不仅仅是颜色。
  • 如果填写的表格有实质性的影响,确保你有机会在提交之前检查和修改你的答案。

Qualtrics形式

Qualtrics是一个合理可访问的第三方表单服务。他们提供各种各样的问题类型。大多数标准问题类型都是可以访问的,但是一些更复杂的类型,包括那些拖放式答案的问题,是不可访问的。查看以下资源,以确保您在Qualtrics表单中选择了可访问的问题类型。

有关无障碍素质表格的资源: