accessibility - 装饰图标字体可访问性
问题描述
对于装饰图标字体和其他适用组件,使用 aria-hidden="true" 和使用 role="img" alt="" 有区别吗
解决方案
是的,有区别,但不是很大。
aria-hidden="true"
将从可访问性树中完全删除它。
role="img" alt=""
仍会将其作为装饰图像添加到可访问性树中。(如果我们是技术人员,那么一张没有alt
描述的图片 - 它不会被读出,这就是我们关心的)
现在这不会对大多数屏幕阅读器用户造成问题。但是一些屏幕阅读器用户可能会使用具有非常高详细设置(读取多少细节)的屏幕阅读器。
在这种情况下,实际上可以role="img"
将图像读出为“图像,无描述”。
这是一个边缘案例,但需要考虑。
作为一个额外的想法 -支持role="img"
可能不是那么好(这方面的数据不多)
我会鼓励使用aria-hidden="true"
并可能添加role="presentation"
支持作为一个很好的后备。
推荐阅读
- c++ - /usr/bin/ld: 找不到 -ldlib /usr/bin/ld: 找不到 -lcblas /usr/bin/ld: 找不到 -llapack
- firebase - 如何使用 Firebase 分析事件参数获取用户电子邮件?
- eslint - 在 ESLint 中的对象字面量之前强制执行换行符
- firebase - 您的 Android App Bundle 使用错误的密钥进行签名。确保您的应用程序包已使用正确的签名密钥错误进行签名
- c - netbeans8.2 + msys2_64 + mingw64 + cygwin64 + C 项目构建错误
- php - PHP:防止 json_encode 将 float 转换为 int
- python - 我收到“AttributeError:模块'discord.ext.commands'没有属性'bot”错误
- windows - 如何使用 PoweShell 设置快捷方式的高级属性,如字体大小(如果是控制台应用程序)?
- html - 当我在下拉列表中选择第二个选项时。我想提示第二个标签内容,
- python - 使用 if 语句过滤列以计算新的单元格值。值错误: