我正在努力让残疾用户更容易访问我的网站,并且我一直在研究如何向图标添加替代文本。我正在使用 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。它仍然只是读出“访问链接[?]”。有人对这个有经验么?
谢谢!
我一直在使用 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文本,所以我被困在最好放置这个“描述性文本”的位置。