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

设计表单时的可达性要求

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

Tab键跳转

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

最佳实践

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

你可能感兴趣的:(Day70 《Web表单设计》读书笔记)