html – 装饰图像或重复信息图像的可访问性

概述当你写一个alt时,你应该记住一些事情.其中一个建议当图像内容是装饰性的或包含重复信息时使用空的alt =“”. 但是使用之间的区别是什么： <img alt=""<img aria-hidden="true"<img role="presentation" 还是一起？ <img alt="" aria-hidden="true" role="presentation" src="…" /> 当你写一个alt时,你应该记住一些事情.其中一个建议当图像内容是装饰性的或包含重复信息时使用空的alt =“”.

但是使用之间的区别是什么：

<img alt=""<img aria-hIDden="true"<img role="presentation"

还是一起？

<img alt="" aria-hIDden="true" role="presentation" src="…" />

解决方法 简短回答：

他们都有不同的目的. image alt属性仅对图像元素有效. aria-hIDden适用于对所有用户隐藏的元素,而role = presentation有点像所有元素的空alt属性 – 不仅仅是图像(但支持的空间比空图像更少).

更长的回答：

我建议阅读这些属性的文档,以了解它们应该如何使用.它们各自用于不同的目的.

alt属性：

图像alt文本用于传达非文本内容的文本替代 – 如果图像没有替代文本,屏幕阅读器将忽略它,假设它纯粹是装饰性的.此功能很广泛 – 如果不是普遍支持的话.

ARIA隐藏：

如w3c中所定义的,aria-hIDden旨在用于“对任何用户都不可见或不可感知”的元素.这意味着如果有视力的用户无法看到它,则访问辅助功能API的用户也应该隐藏它.一个示例用例是,如果用户必须单击按钮才能显示一个部分 – 该部分将对所有用户隐藏,并且在其可见性发生变化时也会切换’aria-hIDden’属性.应该注意的是,它并不总是以这种方式使用 – 许多人只是用它来隐藏屏幕阅读器,尽管这不是W3C中定义的预期目的.资料来源：https://www.w3.org/TR/wai-aria/states_and_properties#aria-hidden

角色介绍=：

role = presentation在w3c中定义为：“隐式本机角色语义不会映射到辅助功能API的元素”.这与空的alt文本类似,但与alt属性不同,它可以用于不应映射到辅助功能API的各种其他元素.实际上,它与空的alt文本做同样的事情,但它没有像空的alt属性那样广泛支持(sourece：https://www.w3.org/WAI/tutorials/images/decorative/)

w3c定义：https://www.w3.org/TR/wai-aria/roles#presentation

为什么不包括所有3？

回答你的最后一点,不包括所有三个的最大原因是它完全矫枉过正.使用空的alt属性,屏幕阅读器已经忽略该元素.包括role = presentation和aria-hIDden在内的一个潜在缺点是,这两个元素都会从可访问性API中删除元素,这可能会对使用API​​的用户产生负面影响,而这些用户不是屏幕阅读器.

总结

以上是内存溢出为你收集整理的html – 装饰图像或重复信息图像的可访问性全部内容，希望文章能够帮你解决html – 装饰图像或重复信息图像的可访问性所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。