SVG可访问性依赖内部和元素：作为图标名称须为直接子元素且简洁准确；补充功能说明，也须为直接子元素并置于后；仅内联SVG才能启用该语义，配合aria-hidden="false"确保被屏幕阅读器识别。

SVG 的可访问性不靠 HTML 的 title 属性，而靠 SVG 内部的 。这两个标签是 W3C 规范明确要求的语义化标记，屏幕阅读器只识别它们——且必须写对位置、格式和用法。

title 是图标“叫什么”，优先被朗读

，关闭按钮写 。它必须是

• ✅ 正确：<svg><title>用户头像</title> <circle ...></circle></svg>
• ❌ 错误：<svg title="用户头像">...</svg>（HTML 属性无效）
• ❌ 错误：<svg><g><title>用户头像</title></g></svg>（不是直接子元素）

desc 补充“用来干什么”，增强上下文理解

提供辅助说明，帮助用户理解图形意图或操作后果。比如 点击后跳转至个人资料页，或 当前处于禁用状态。它同样必须是

• ✅ 推荐顺序：<svg><title>设置</title> <desc>打开应用偏好设置面板</desc><path ...></path></svg>
• ⚠️ 注意：复杂图标（如带状态的开关、多步骤流程图）尤其需要 ，单靠

内联 SVG 才能真正启用可访问性

用 加 alt 属性，虽有基础可访问性，但无法支持