Web 可访问性表单验证（Accessibility Form Validation） 基础概念 Web 可访问性表单验证是指通过技术手段确保用户在填写表单时，能够以无障碍的方式感知、理解并纠正输入错误。其核心目标是让所有用户（包括使用辅助技术的残障人士）在表单提交前明确感知错误位置、错误原因及修正方法。 验证信息的传递机制 视觉提示 ：通过颜色、图标、文字说明等直观展示错误（例如红色边框和错误文本）。需注意避免仅依赖颜色传递信息（色盲用户可能无法识别）。 语义关联 ：使用 aria-invalid="true" 标记错误字段， aria-describedby 将错误提示文本与输入框关联，使屏幕阅读器能朗读错误说明。 焦点管理 ：提交后自动将焦点移至第一个错误字段，帮助键盘用户快速定位。 实时验证与延迟验证的平衡 实时验证 （输入时即时检查）需谨慎实现：频繁的提示可能干扰屏幕阅读器用户。建议添加 aria-live="polite" 让提示以非打断方式播报。 延迟验证 （提交时统一检查）需确保错误汇总区域具有 role="alert" 或 aria-live="assertive" ，使屏幕阅读器立即播报所有错误。 错误提示的兼容性设计 错误文本应包含具体修正指导（例如“日期格式应为 YYYY-MM-DD”而非“格式错误”）。 使用 <label> 与字段绑定，错误提示通过 aria-describedby 追加到标签描述中，避免覆盖原有标签。 对自定义组件（如下拉菜单）需通过 aria-errormessage 属性关联详细错误说明。 多场景适配与测试 动态内容更新需触发可访问性树（Accessibility Tree）同步，确保辅助技术及时获取变更。 测试时需覆盖：键盘导航、屏幕阅读器（如 NVDA/JAWS/VoiceOver）及视力障碍用户的实际操作流程，验证错误提示的可感知性与可操作性。