相关疑难解决方法(0)

向图标添加替代文本

我正在努力让残疾用户更容易访问我的网站,并且我一直在研究如何向图标添加替代文本。我正在使用 Font Awesome 图标,这些图标充当链接,文档建议我向其周围的锚标记添加一个标题链接,如下所示:

<a href="path/to/shopping/cart" title="View 3 items in your shopping cart">
  <i class="fa fa-shopping-cart" aria-hidden="true"></i>
</a>
Run Code Online (Sandbox Code Playgroud)

然而,它似乎不适用于苹果的 VoiceOver。它仍然只是读出“访问链接[?]”。有人对这个有经验么?

谢谢!

html accessibility

3
推荐指数
1
解决办法
9596
查看次数

HTML5 i 标签有效性与图标

我一直在使用 Bootstrap 来构建我的网站,但在这样做和研究 SEO 的过程中,我发现使用i带有字形图标的标签在技术上并不是“有效”的 HTML。是否有明确的规则规定i可以以这种方式使用标签而不影响标记有效性而不影响 SEO?

作为此问题的一部分,我还试图满足有关我的锚文本未描述其目的地的投诉:

<a href="@Url.Action("Accountant", "Service")">
     <div class="service-icon">
           <div class="icon-book-1 icon-medium-effect icon-effect-2"></div>
     </div>
</a>
Run Code Online (Sandbox Code Playgroud)

这会产生所需的视觉效果,但是我无法添加锚文本,否则它显然会显示在屏幕上。通常情况下,图像会在锚点内使用,并且我可以显示alt文本,所以我被困在最好放置这个“描述性文本”的位置。

html seo icons glyphicons

0
推荐指数
1
解决办法
2308
查看次数

标签 统计

html ×2

accessibility ×1

glyphicons ×1

icons ×1

seo ×1