20
4

4 回答 4

33

作为一般准则,您应该使用em强调而不是i斜体文本,因为斜体文本通常仅用于暗示强调。

在这种情况下,您使用的是ifor icon,这是无稽之谈(并且会混淆您的可访问性检查工具)。改用 a span。这并没有加载任何不适当的语义。

于 2016-10-26T14:26:34.937 回答
7

在严格和语义化的 HTML 中,字体图标必须用spans 标记:

<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-10-26T14:29:04.573 回答
4

我知道这是 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

于 2020-06-01T19:16:14.220 回答
1

元素表示其内容的<em>强调重点。

如果您不强调对特定单词的强调,那么您应该使用<i>.

<i>元素更适合用于演示目的。

你可以用它<i>来标记一个引用——不是为了强调整个短语或段落,而是为了区分它或将它与正文相抵消。

http://www.silkstream.net/blog/2016/02/b-vs-strong-i-vs-em-whats-the-difference.html

在您的情况下,它可能建议使用<em>,因为一些专门的辅助软件可能会更加强调处理它们。

于 2016-10-26T14:29:04.357 回答