简体中文
a11yglass · 网站无障碍检查

首页知识库 › WCAG 标准

按 WCAG 的表单标注

每个表单字段都必须有一个以编程方式关联的标签,以便屏幕阅读器用户知道要输入什么,并且点击标签会聚焦该字段。

正确的方式

<label for="email">电子邮件</label><input id="email"> —— 或把字段包在 <label> 里。只有在无法做可见标签时才用 aria-label / aria-labelledby。

为什么 placeholder 不够

placeholder 在输入时会消失,对比度往往过低,并且有些屏幕阅读器不将其识别为标签。

错误消息

将错误与字段关联(aria-describedby),并具体表述文本(「请输入有效的电子邮件」,而不是「错误」)。

a11yglass 如何帮助

免费扫描检查交付的 HTML 和 CSS 中可自动识别的 WCAG 违规, 并对每项发现指出成功标准和一个具体措施。它可发现约 20–35 % 的 问题,不能替代完整评估。

继续阅读

尽最大所知提供的一般信息,非法律咨询。个案请咨询专精于 IT 法的律师事务所。