由于可访问性错误而失败的注册或结账流程不仅仅是一个抽象问题 - 这是客户没有完成购买,有时是客户不会回来的问题。本文重点介绍表单、注册和结帐流程中最关键的点 - 如果您也对 PDF 表单感兴趣,请参阅我们的指南无障碍 PDF 表单.
简而言之 — 本文涵盖的内容
实时错误消息
最常见的错误:错误消息在视觉上出现(字段旁边的红色小文本),但不会向屏幕阅读器宣布。盲人用户填写了表单,单击“提交”,但不明白为什么没有任何反应 - 因为他们根本没有听说过错误。修复:使用“aria-live”自动宣布错误,并使用“aria-descriptedby”将每个错误直接链接到其相关字段,这样屏幕阅读器就会在用户到达该字段时大声读出错误。
清晰、持久的字段标签
占位符文本(一旦开始输入就会消失的灰色文本)并不能替代真正的字段标签 - 用户开始输入的那一刻,他们就失去了字段甚至要求的内容的上下文。每个表单字段都需要一个真正的“ ”,它在整个填写过程中保持可见(或至少可供屏幕阅读器访问),而不仅仅是作为消失的提示。
💡实用技巧
必填字段需要双重标记:视觉标记(星号或“必填”一词)以及代码中的标记(`aria-required="true"`),这样即使用户看不到星号,也能在遇到提交错误之前知道该字段是必填字段。
多步骤流程
多步骤注册或结账流程(个人详细信息▸运输▸付款▸确认)需要清楚地告诉屏幕阅读器用户在总步骤中当前处于哪一步,并在用户移动到下一步时宣布它——这样看不到视觉进度指示器的用户就不会在中途迷失方向。
可访问的订单确认
完成购买或注册后,确认消息本身需要易于访问 - 向屏幕阅读器清楚地宣布(不仅仅是页面上无声的视觉变化),并以真实文本而非图像形式包含所有重要信息(订单号、金额、交货日期)。
您是否有以 PDF 形式发送的服务条款文档或订单确认信息?
我们的工具还会检查购买和注册流程中附带的文档 - 服务条款、收据、确认。
免费扫描您的网站 ←扫描后,您还可以通过以下方式直接免费访问找到的文档AccessiDoc.
