社交媒体图标alt必须描述功能而非重复“图标”，如“在twitter上关注我们”；href需加rel="noopener noreferrer"并验证有效性，svg优先用aria-label而非。

用 <img> 加 alt 显示图标时，alt 文本怎么写才不算“空”又不冗余

直接说结论：社交媒体图标不是装饰图，alt 不能留空或只写“图标”，必须描述其功能（即“点击跳转到某平台主页”），但不用重复“图标”二字。

常见错误是写成 alt="Twitter 图标" 或 alt=""——前者语义重复（用户看到图形就知道是 Twitter），后者让屏幕阅读器跳过链接，等于砍掉无障碍访问入口。

Wechat Article Html

将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。

下载

实操建议：

• alt 写成动词短语，聚焦行为，比如 alt="在 Twitter 上关注我们"、alt="访问 GitHub 仓库"
• 如果图标同时带文字（如“GitHub”旁配 Octocat 小图），且文字已说明用途，alt 可设为 ""，但前提是父级 @#@#@#@#@#@#@#@#@#@0
• 如果 SVG 是独立使用的（比如页脚统一图标组），可在 <svg></svg> 根标签加 role="img" 和 aria-label，此时可省略 <title></title>
• 不要同时写 <title></title> 和 aria-label——读屏器可能重复播报，尤其在 VoiceOver 中

实际部署时最容易被忽略的，是图标链接的 HTTP 状态码验证和 rel 属性的完整性。一个 target="_blank" 没配 rel，就是把门开着等别人进你家厨房。

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