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
 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 上的结果是相同的。在那种情况下,从可访问性的角度来看没有区别。
图片
下面的两个降价代码块都在 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
 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 上的结果是相同的。在那种情况下,从可访问性的角度来看没有区别。