在表单元格I中有一个<span>元素，该元素是根据图像为映像的，并显示了基于其颜色的接口状态(启用/disabled/error(。
对于具有适当视力的用户，它是紧凑且可以理解的。我不想更改它。但是由于此跨度没有文本，因此屏幕阅读器不会读取它。(可以理解但问题(
为屏幕阅读器处理此类元素的正确方法是什么？
预期的解决方案是将Aria-Label和文本添加到屏幕读取器中，但是，正如我在其他主题中发现的那样，" Aria-Label不起作用<div>也不适用于<span>"。当我在下颌15上测试它时，这是真的，但是在下巴18中，这样的标签读得很好(为什么？(。
还尝试将role="img"添加到此跨度，并在aria-label和/或alt和/或title中添加文本，而没有结果15。
"普通用户"是什么意思？与低视觉用户相比，您是在谈论视力用户吗？后者也是普通用户。
对于低视频用户，是的，aria-label通常是要走的方法。感谢您考虑可访问性问题。
，但是您还会为颜色不足的用户遇到问题。那些无法区分某些颜色的人。颜色是传达物体状态的唯一手段吗？也有关联的图标吗？缺乏颜色的用户不会使用屏幕读取器，因此不会从aria-label中受益。
在<span>的默认角色上的HTML或ARIA规格中尚不清楚。aria-label应在可访问的名称计算中使用，并且步骤2D仅在元素是介绍时才说(表示role='presentation'或role='none'(，如果忽略ARIA-LABEL。因此，如果<span>被认为是介绍的，则其aria-label将被忽略。下巴似乎是这样解释的，但NVDA却没有。Firefox中的NVDA将读取<span>的aria-label。
因此，您最好的选择可能是给<span>一个角色，例如role='img'或role='note'，以便您也可以给它一个aria-label，但这也会导致跨度宣布的角色。
或如上所述，使用alt文本的真实<img>。