在表单区域起始部分提供文本说明来描述必要输入_20160505
原文地址
说明
该技巧的目的是通过在第一时间告知用户必须输入的数据格式要求,帮助用户避免错误。要求的说明位于表单的顶部。该技巧适合小数据量的表单,或很多表单区域的必填数据格式相同的地方。在这种情景下,在表单顶部一次性的描述格式比在每个表单区域单独描述格式有效的多。
样例
样例1:
一个商业网站允许用户上传自己曾经工作的描述,这个表单要收集的信息包括公司名、职位、工作事件、工作描述。在表单顶部是以下说明:
-
请输入你想要加入到简历中的个人工作信息。日期格式应该是月/日/年。
样例2:
公司通讯录允许用户编辑自己的简历,自定义信息,如电话号码和工作职责,在表单顶部有如下说明:
-
您可以修改在表单中任何信息。当您选择完成,您的更改将被保存,你将有机会发表您的个人资料。如果你不想要保留更改,请选择取消按钮。
-
您无法编辑系统显示的个人资料(即未包含在表单区域)。此信息是从人力资源部门获得的。如果你发现了一些不正确或过期,选择旁边的帮助信息图标,以了解如何改正。
-
电话号码只可能包含数字和破折号(-)。
-
必填字段标有星号(*)标记,必须填写来完成表格。
无障碍效果
各读屏、各浏览器的支持效果
测试人:
- 争渡、IE11:
- 永德、IE11:
- NVDA、IE11:
- 永德、chrome:
- NVDA、chrome:
- NVDA、Firefox:
- voiceover、chrmoe:
- voiceover、Safari: