html - Markdown 图像、链接和可访问性

Question

图片

图标

下面的两个 markdown 代码块都会在 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

链接

字体真棒图标

下面的两个 markdown 代码块都会在 GitHub 上生成上面的链接和文本。

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

[Font Awesome](https://fontawesome.com/) icons

我正在尝试使降价尽可能地易于访问。图像和链接中的哪种格式可以在 GitHub 上提供最佳的可访问性体验？还是体验一样？

此外，我还应该做些什么来增强 Markdown 的可访问性体验？

标签： htmlmarkdownaccessibilitygithub-flavored-markdown

Answer 1

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

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