4 回答
作为一般准则,您应该使用em
强调而不是i
斜体文本,因为斜体文本通常仅用于暗示强调。
在这种情况下,您使用的是i
for icon,这是无稽之谈(并且会混淆您的可访问性检查工具)。改用 a span
。这并没有加载任何不适当的语义。
在严格和语义化的 HTML 中,字体图标必须用span
s 标记:
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" />
<span class="fa fa-camera-retro"></span>
<i>
由于缩写编码,Font Awesome 示例出现(斜体标签)。只是它。
我知道这是 2016 年的答案……您可以aria-hidden="true"
在标签上使用,如下所示<i class="fa fa-search" aria-hidden="true"></i>
:
对此进行了解释: https ://rules.sonarsource.com/html/RSPEC-1100和https://www.w3.org/WAI/GL/wiki/Using_aria-hidden%3Dtrue_on_an_icon_font_that_AT_should_ignore
元素表示其内容的
<em>
强调重点。
如果您不强调对特定单词的强调,那么您应该使用<i>
.
该
<i>
元素更适合用于演示目的。
你可以用它<i>
来标记一个引用——不是为了强调整个短语或段落,而是为了区分它或将它与正文相抵消。
http://www.silkstream.net/blog/2016/02/b-vs-strong-i-vs-em-whats-the-difference.html
在您的情况下,它可能建议使用<em>
,因为一些专门的辅助软件可能会更加强调处理它们。