Markdown 图像、链接和辅助功能

Markdown Images, Links, and Accessibility

图片

图标

下面的两个降价代码块都在 GitHub 上生成上面的图像和文本。

<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/48/Flag_font_awesome.svg/24px-Flag_font_awesome.svg.png" alt="Flag Icon" role="img" aria-label="Flag Icon" /> Icons
![Flag Icon](https://upload.wikimedia.org/wikipedia/commons/thumb/4/48/Flag_font_awesome.svg/24px-Flag_font_awesome.svg.png) Icons

链接

Font Awesome 个图标

下面的两个降价代码块都在 GitHub 上生成 link 和上面的文本。

<a href="https://fontawesome.com/" role="link" aria-label="Visit the Font Awesome website">Font Awesome</a> icons
[Font Awesome](https://fontawesome.com/) icons

我正在努力使 markdown 尽可能易于访问。图片和 link 中的哪种格式会在 GitHub 上提供最佳的无障碍体验?还是体验相同?

此外,我还应该做些什么来增强 markdown 的可访问性体验吗?

由于不同的 Markdown 处理器可能会以不同的方式呈现 Markdown,最好的做法是尝试一下并比较呈现的结果。

基于一个简单的 Gist,看起来 GitHub 上的结果是相同的。在那种情况下,从可访问性的角度来看没有区别。