aria-hidden="true" 不对可访问性检查程序隐藏后代

Question

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

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

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

Answer 1

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

建议：

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

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

aria-hidden="true" not hiding decendents from accessiblity checkers