aria-placeholder不是合法aria属性，w3c规范中不存在，浏览器完全忽略；必须用或aria-label替代placeholder以满足无障碍要求。
HTML 没有 aria-placeholder 属性
直接说结论：aria-placeholder 不是合法的 ARIA 属性，W3C 规范里不存在。浏览器完全忽略它，设置后既不显示提示文字，也不影响可访问性行为。常见错误是把它当 placeholder 的“无障碍加强版”来用，结果白加——DOM 里能看到这个属性，但读屏器不读、视觉不显、JS 也拿不到。
为什么有人误以为有 aria-placeholder
混淆通常来自两方面：
- 把
placeholder和aria-label/aria-labelledby混为一谈：前者是视觉提示，后者才是给读屏器提供字段说明的语义化手段 - 看到某些 UI 库或框架（如旧版 Angular Material）内部用了自定义
aria-placeholder作为私有标记，但它不是标准，也不起作用
真正该用什么替代 placeholder 的语义缺失
placeholder 本身不被屏幕阅读器可靠播报，所以必须用原生语义补足。核心方案只有两个，且必须选其一：
-
<label for="xxx">邮箱地址</label><input id="xxx" type="email">—— 最推荐，语义完整、键盘聚焦自然、所有辅助技术都支持 -
<input type="email" aria-label="邮箱地址（如 name@example.com）">—— 仅限 label 文本无法视觉呈现时（如纯图标搜索框），不能和 visiblelabel共存
注意：aria-placeholder 即使写了，也不会让 placeholder 文本变成可读内容；想让读屏器读出“请输入手机号”，只能靠 aria-label 或 label，而不是改 placeholder 属性本身。
移动端和旧浏览器里 placeholder 的真实限制
即使你正确用了 placeholder，也要知道它在实际环境中的脆弱性：
- iOS Safari 有时会因
autocomplete="off"抑制 placeholder 显示 - Android WebView 在低版本中可能截断长文本（如“请填写6–20位含大小写字母及数字的密码”），且无法用 CSS 控制省略方式
- IE11 及更早版本根本不支持
placeholder，需 JS 回退（但回退逻辑本身不解决可访问性问题） - 所有浏览器中，placeholder 都不会在
input type="date"、select、div contenteditable上生效，硬加等于无效字符串
最常被忽略的一点：placeholder 的存在本身，不能降低对 label 的要求。哪怕你写了 placeholder="用户名"，只要没配 label 或 aria-label，这个输入框在 WCAG 2.1 下就是不合规的。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
