aria-hidden="true" 不向可访问性检查器隐藏后代

【问题标题】：aria-hidden="true" not hiding decendents from accessiblity checkersaria-hidden="true" 不向可访问性检查器隐藏后代
【发布时间】：2015-10-20 13:21:51
【问题描述】：

大多数辅助功能检查器（例如 WAVE）发现下面的图像标签没有 alt 属性并将其标记为错误。但是图像标签被包裹在一个具有 aria-hidden="true" 属性的 div 中。我的印象是 aria-hidden="true" 会隐藏所有死者并忽略图像标签。

<div aria-hidden="true">
  <img src="my-image.png"/>
</div>

我认为应该隐藏图像是否正确？

【问题讨论】：

标签： html image wai-aria alt

【解决方案1】：

确实，对于支持aria-hidden 的用户代理，img 元素不会包含在可访问性树中，或者将被标记为隐藏。但我假设检查器将其标记为不支持 ARIA 的 UA 的问题。

建议：

<img src="my-image.png" alt="">

这样做您也不会因为没有alt 属性而收到HTML conformance checking 错误:-)

【讨论】：