使用aria-hidden或role =“ presentation”会提高使用辅助技术的人的导航速度吗？

Question

我看到装饰图像的最常见建议是在标记中使用空白的alt文本。

但是我发现屏幕阅读器仍在拾取图像。

如果我使用aria-hidden或role=presentation，我会发现图像完全被跳过了。

以上任何一项与空白的alt文本的组合是否会对使用辅助技术的人们的导航速度有任何改善？

Answer 1

请在具有装饰性的图像上使用aria-hidden =“ true”，以避免聚焦在图像上。 尽管如果将角色设置为演示文稿，大多数屏幕阅读器都会忽略图像，但是“讲述人”不会以这种方式忽略。 它将这些图像读取为：“空段”。 因此，请使用aria-hidden以获得最大的兼容性。 而且，是的，它可以至少为叙述者用户节省一些导航步骤，从而提高导航速度。

Answer 2

尽管不是强制性的，但我建议向装饰性图像中添加role="presendation"，以明确表明该图像是用于装饰性的（但应首选CSS）。

我们无法回答这是否会提高人们的导航速度，但会改善辅助技术的确定性。普通的屏幕阅读器（辅助技术的一小部分）应该已经忽略了alt为空的图片。

但是例如，患有认知障碍的人可能希望禁用所有装饰性图像，以保留有意义的图像。添加role="presentation"属性将有助于算法抑制那些图像，而其他图像可能是内容的一部分，但不幸的是缺少alt属性。

当然，重要的图像必须具有非空的alt，因此这是不必要的。但是，作为开发人员，您将创建可访问的模板，但您将永远不会知道网站的内容将如何演变，如果将始终对内容编写者进行可访问性培训，以及是否在必要时添加图像的替代文本。因此，缺少alt总是会使屏幕阅读器用户无法读取它，但是当您确定必须由其他辅助技术忽略该图像时，添加role="description"是一个很好的预防措施。