输入框错误提示,如何通过aria-describedby实现详细描述?
- 内容介绍
- 文章标签
- 相关推荐
本文共计847个文字,预计阅读时间需要4分钟。
`aria-describedby` 的作用不是显示错误提示,而是将输入框与 已存在的描述性文本元素 关联起来——即错误提示必须单独使用。
错误提示必须单独使用,例如通过 `aria-errormessage` 和 `aria-invalid` 属性来实现。
为什么直接在 input 上写 aria-describedby="error-id" 不会触发错误播报?
因为 aria-describedby 本身不带语义状态,它只负责“读出那段文字”,不管内容是提示、格式说明还是错误。屏幕阅读器不会因此改变语气、中断流程或标记为错误;它只是平铺直叙地朗读。
本文共计847个文字,预计阅读时间需要4分钟。
`aria-describedby` 的作用不是显示错误提示,而是将输入框与 已存在的描述性文本元素 关联起来——即错误提示必须单独使用。
错误提示必须单独使用,例如通过 `aria-errormessage` 和 `aria-invalid` 属性来实现。
为什么直接在 input 上写 aria-describedby="error-id" 不会触发错误播报?
因为 aria-describedby 本身不带语义状态,它只负责“读出那段文字”,不管内容是提示、格式说明还是错误。屏幕阅读器不会因此改变语气、中断流程或标记为错误;它只是平铺直叙地朗读。

