【发布时间】:2021-07-31 10:22:42
【问题描述】:
对于装饰图标字体和其他适用组件,使用 aria-hidden="true" 和使用 role="img" alt="" 有区别
【问题讨论】:
对于装饰图标字体和其他适用组件,使用 aria-hidden="true" 和使用 role="img" alt="" 有区别
【问题讨论】:
是的,有区别,但不是很大。
aria-hidden="true" 会将其从可访问性树中完全删除。
role="img" alt="" 仍会将其作为装饰图像添加到可访问性树中。 (如果我们是技术人员,那么一张没有alt 描述的图片 - 它不会被读出,这就是我们关心的)
现在这不会对大多数屏幕阅读器用户造成问题。但一些屏幕阅读器用户可能会使用具有非常高详细设置(读取多少细节)的屏幕阅读器。
在这种情况下,role="img" 实际上有可能将图像读出为“图像,无描述”。
这是一种边缘情况,但需要考虑。
另外一个想法 - support for role="img" may not be so great(这方面的数据不多)
我会鼓励使用aria-hidden="true" 和也许添加role="presentation" 作为支持是一个很好的后备。
【讨论】: