图片空alt文本两种写法：alt与alt=""对屏幕阅读器用户的差异？

嘿，这个问题问得挺细致的——其实从屏幕阅读器用户的体验角度来说，这两种写法几乎没有差异，但我们得从HTML规范和实际兼容性两方面拆解清楚：

1. HTML规范层面：两种写法都合法 #

HTML5及后续的规范允许属性值在特定情况下省略引号，当属性值为空时，alt=（无引号空值）和alt=""（带引号空值）都是完全符合标准的写法。浏览器解析后，都会将这两种写法的alt属性值识别为空字符串。

2. 屏幕阅读器的实际表现：无体验差异 #

主流屏幕阅读器（比如NVDA、JAWS、VoiceOver）在处理这两种写法的图片时，都会一致判定这是一张装饰性图片，不会向用户读出任何内容——这正是我们设置空alt的核心目的：告诉辅助技术“这张图仅用于视觉装饰，无需被描述”。

唯一需要注意的是，极少数非常老旧的屏幕阅读器（比如版本超过10年的JAWS）可能对alt=这种无引号的写法有异常处理，但这类工具现在已经几乎被淘汰，不会影响绝大多数用户。

3. 为什么更推荐alt=""？ #

虽然功能上没有差异，但alt=""的写法有两个明显优势：

• 可读性更强：团队协作时，不会有人误以为是漏写了属性值，代码意图更明确；
• 符合通用规范：W3C等权威机构的无障碍最佳实践，都推荐使用带引号的空值写法，避免潜在的歧义。

内容的提问来源于stack exchange，提问作者scuds