必须用 aria-label 而非 title 的情况是元素无可见文本如纯图标按钮、空 button、仅背景图 div且需屏幕阅读器正确识别时此时 aria-label 提供唯一可靠可访问名称title 在触屏不可用、多屏幕阅读器默认忽略且与 aria-label 共存时被完全覆盖。aria-label 直接替换元素的可访问名称title 仅在悬停/聚焦时作为辅助提示且不被所有屏幕阅读器可靠读出——别用 title 替代 aria-label 做可访问性兜底。什么时候必须用 aria-label 而不是 title当元素本身没有可见文本比如纯图标按钮、空 button/button、仅靠背景图的 div又需要被屏幕阅读器正确识别时aria-label 是唯一靠谱的选择。title 在触屏设备上几乎不可触发移动端用户完全感知不到很多屏幕阅读器如 NVDA Firefox默认忽略 title除非用户手动开启“读取工具提示”选项aria-label 会彻底覆盖元素的原有可访问名称包括子文本、alt 等适合“无文本但需明确定义用途”的场景aria-label 和 title 同时存在会发生什么两者共存时aria-label 优先级远高于 title后者会被完全忽略——这不是叠加效果而是覆盖关系。写成 button title删除 aria-label永久移除该条目/button屏幕阅读器只读“永久移除该条目”title 此时只剩鼠标悬停时的浏览器原生提示作用对可访问性零贡献如果想兼顾视觉提示和可访问性应优先确保可见文本清晰再按需补 aria-label例如图标按钮旁加隐藏文本更优比 aria-label 更推荐的替代方案硬加 aria-label 是下策。真正健壮的可访问性优先靠语义化 HTML 和视觉隐藏文本实现。 千面数字人 千面 Avatar 系列音频转换让静图随声动起来动作模仿让动漫复刻真人动作操作简单满足多元创意需求。