用于装饰性图像的角色=“ presentation”或aria-hidden =“ true”？

Question

在隐藏辅助技术中的装饰性图像方面，alt=""，role="presentation"，CSS bg图像或aria-hidden="true"在语义上哪个更好？

Answer 1

最好的方法是使用空白的alt文本。

<img src="squiggle.gif" width="20" height="20" alt="" />

  

对于AT应忽略的图像，在img元素上使用null替代文本和没有title属性。

     

^{- source}

Answer 2

在语义上，正确的答案是 - 使用 aria-hidden=true。 WCAG 1.1.1 规定所有图片必须有alt文本，纯装饰图片除外，但如果你留下alt=""，某些辅助技术可以到达图片并将其标记为图片，所以它不会被隐藏没有了。
您想要隐藏到辅助技术的任何元素都必须是 aria-hidden 的，当然，在语义上更有意义。