每个输入框都应该有对应的 label。键盘用户需要能看见焦点位置,错误提示不能只依靠颜色。

HTML
<form>
  <label for="email">邮箱</label>
  <input id="email" name="email" type="email" required>
  <button type="submit">提交</button>
</form>
  • 按钮使用 button,不要用 div 模拟按钮。
  • 表格只用于表格数据,不用于页面布局。
  • 文本和背景需要有足够的颜色对比度。
  • 动态状态可以使用 aria-live 通知辅助技术。