为所有图像添加aria-hidden true

Question

如果我为我网站上的所有图片添加aria-hidden="true"，是否属实，我不必为这些图片添加替代文字，因为它基本上不会显示给屏幕阅读器或如何会验证处理这种情况吗？建议做吗？

Answer 1

如果您正在使用CMS并且图片具有装饰性，则您需要能够输出空白的alt属性，例如<img src="<imagesource>" alt="" />。

如果你手动编码页面，可以通过CSS添加装饰图像，这是另一种方法。

WCAG 1.1.1表示非文本内容必须有替代文字。该文本替代必须具有相同的目的。其中一个例外是装饰图像，用于格式化的图像，或者对每个人都不可见的图像（例如，跟踪GIF）。这些必须以辅助技术可以忽略的方式实施＆＃34;。接受的方法是具有空alt属性，因为将读出缺少的alt属性。

理论上aria-hidden=true可行，但这需要技术来理解咏叹调。空（空白）alt属性已经建立了很长时间并且将被更多辅助技术接受，因此它是在页面上具有img元素的适当方式。没有被屏幕阅读器读出来。

Answer 2

如果您不想为图片添加替代文字（因为它们纯粹是装饰性的，而且没有它们可以理解内容），您可以将alt参数留空

无需添加aria-hidden属性。

最好的办法是将CSS用于装饰图像。