如何解决Markdown图片,链接和可访问性
图片
图标
下面的两个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的可访问性体验吗?
解决方法
由于不同的Markdown处理器可能会以不同的方式呈现Markdown,因此最好的办法是尝试一下并比较呈现的结果。
基于简单的Gist,看起来在GitHub上的结果是相同的。在这种情况下,从可访问性的角度来看,没有区别。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。