Day70 《Web表单设计》读书笔记

设计表单时的可达性要求

• 为各种情况标注文字，如
  （1）图片的工具提示
  （2）表格内容的简短摘要
  （3）表单的每个对象尽量都要有自己的标签
  （4）框架或页面的标题必须有意义
• 页面上的文字链接应该直观表达出具体含义，而不是简单的“点击这里”
• 不要把色彩作为传递信息的唯一方式
• 应当确保颜色对比色良好，特别是文字和背景之间的颜色，另外要考虑色盲用户
• 字号应该适合阅读，最好是允许用户自己选择适合自己的字体和字号
• 不要使用无意义的动画
• 避免使用每秒闪烁超过3次的对象，因为这可能会引起癫痫用户的发作
• 必须保证只使用键盘也能完成页面上的任务
• 使用清晰明确的语言
• 如果产品有时间属性，应当允许用户关闭、调整或延长时间的属性
• 保证页面元素的一致性
• 在每个页面顶部，应该提供只是用键盘就能跳过重复内容的方法

Tab键跳转

• 设计表单时应考虑支持tab键在输入框之间移动
• 需要对tab键输入框跳转顺序进行设计，保证用户体验

最佳实践

• 确保表单名称符合人们的期望，并间接解释每个表单的用途
• 如果填写表单需要花费较长时间，可以在起始页设定人们的期望
• 采用清晰浏览线和有效视觉元素来引导用户完成表单填写
• 对于关键任务表单，应当去除会分散注意力、会导致人们放弃填写的任何元素
• 如果表单分为多个有序网页，可采用进程指示来传达范围、状态和位置信息
• 如果表单没有清晰的有序网页，应当采用笼统的进程指示，而不要设置错误期望
• 设计表单布局时，应考虑使用tab键的跳转
• 采用“tabindex”HTML属性来控制表单的跳转顺序