【问题标题】:Decorative Icon Fonts Accessibility装饰图标字体可访问性
【发布时间】:2021-07-31 10:22:42
【问题描述】:

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

【问题讨论】:

    标签: accessibility icon-fonts


    【解决方案1】:

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

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

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

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

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

    这是一种边缘情况,但需要考虑。

    另外一个想法 - support for role="img" may not be so great(这方面的数据不多)

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

    【讨论】:

      猜你喜欢
      • 2018-10-06
      • 1970-01-01
      • 1970-01-01
      • 2014-03-06
      • 2018-11-26
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-08-23
      相关资源
      最近更新 更多