area的alt属性是强制必需的，缺失或为空会导致屏幕阅读器仅朗读“链接”而不说明去向，旧版safari甚至忽略交互；必须用动词短语描述点击结果，如“查看火星探测器详情”。

area 的 alt 属性不是可选，而是强制要求

只要 area 带有 href，HTML5 就规定 alt 是必需属性；空字符串 alt="" 也不行——它语义上表示“无内容”，但带链接的热区显然有导航意图。漏掉或写空，NVDA、JAWS 等读屏软件可能只报“链接”，不说明去向；旧版 Safari 甚至直接忽略该 area 的交互行为。

正确写法必须是动词短语，描述点击结果：

html-deploy

使用 htmlcode.fun 将 HTML 内容或文件部署到网页，适用于用户要求“部署到网页”“托管此 HTML”“生成此前端...的实时链接”等场景。

下载

• alt="查看火星探测器详情" ✅（动作明确、对象具体）
• alt="跳转到产品参数" ✅（对应 href="#specs"）
• alt="火星" ❌（只是图像描述，不是操作说明）
• alt="更多信息" ❌（空泛，违反 WCAG 2.1 A 级）
• alt="" 或 alt=" " ❌（静默失效，无 fallback）

area 必须显式声明 href 或 nohref 才能被辅助技术识别

只写 @#@#@#@#@#@#@#@#@#@0，搜索 <code>areamissingalt 错误

在移动端真机上启用系统读屏，测试触控焦点路径是否覆盖全部热区

coords 坐标本身不影响可访问性，但缩放后热区偏移会导致触控失败——44×44px 是移动端最小可触控尺寸，原始图上 coords="0,0,20,20" 缩放到手机后可能只剩 10×10px，用户点不中，也就触发不了任何 alt 朗读。这点常被忽略：可访问性不只是“能读出来”，更是“能点进去”。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！