向图标添加替代文本

Question

我正在努力让残疾用户更容易访问我的网站，并且我一直在研究如何向图标添加替代文本。我正在使用 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>

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

谢谢！

Answer 1

您必须将该title属性与该aria-label属性结合使用。

该title属性并不总是由辅助技术读取，但aria-label应该是。

不幸的是，单独使用aria-label不会对不使用屏幕阅读器的人有任何帮助，并且该title属性将为他们提供线索。