首页 > 解决方案 > 装饰图标字体可访问性

问题描述

对于装饰图标字体和其他适用组件,使用 aria-hidden="true" 和使用 role="img" alt="" 有区别吗

标签: accessibilityicon-fonts

解决方案


是的,有区别,但不是很大。

aria-hidden="true"将从可访问性树中完全删除它。

role="img" alt=""仍会将其作为装饰图像添加到可访问性树中。(如果我们是技术人员,那么一张没有alt描述的图片 - 它不会被读出,这就是我们关心的)

现在这不会对大多数屏幕阅读器用户造成问题。但是一些屏幕阅读器用户可能会使用具有非常高详细设置(读取多少细节)的屏幕阅读器。

在这种情况下,实际上可以role="img"将图像读出为“图像,无描述”。

这是一个边缘案例,但需要考虑。

作为一个额外的想法 -支持role="img"可能不是那么好(这方面的数据不多)

我会鼓励使用aria-hidden="true"可能添加role="presentation"支持作为一个很好的后备。


推荐阅读