设计表单时的可达性要求
- 为各种情况标注文字,如
(1)图片的工具提示
(2)表格内容的简短摘要
(3)表单的每个对象尽量都要有自己的标签
(4)框架或页面的标题必须有意义 - 页面上的文字链接应该直观表达出具体含义,而不是简单的“点击这里”
- 不要把色彩作为传递信息的唯一方式
- 应当确保颜色对比色良好,特别是文字和背景之间的颜色,另外要考虑色盲用户
- 字号应该适合阅读,最好是允许用户自己选择适合自己的字体和字号
- 不要使用无意义的动画
- 避免使用每秒闪烁超过3次的对象,因为这可能会引起癫痫用户的发作
- 必须保证只使用键盘也能完成页面上的任务
- 使用清晰明确的语言
- 如果产品有时间属性,应当允许用户关闭、调整或延长时间的属性
- 保证页面元素的一致性
- 在每个页面顶部,应该提供只是用键盘就能跳过重复内容的方法
Tab键跳转
- 设计表单时应考虑支持tab键在输入框之间移动
- 需要对tab键输入框跳转顺序进行设计,保证用户体验
最佳实践
- 确保表单名称符合人们的期望,并间接解释每个表单的用途
- 如果填写表单需要花费较长时间,可以在起始页设定人们的期望
- 采用清晰浏览线和有效视觉元素来引导用户完成表单填写
- 对于关键任务表单,应当去除会分散注意力、会导致人们放弃填写的任何元素
- 如果表单分为多个有序网页,可采用进程指示来传达范围、状态和位置信息
- 如果表单没有清晰的有序网页,应当采用笼统的进程指示,而不要设置错误期望
- 设计表单布局时,应考虑使用tab键的跳转
- 采用“tabindex”HTML属性来控制表单的跳转顺序
网友评论