哪种方法对于从辅助技术中隐藏装饰性图片来说更具语义性,是
alt=""
、role="presentation"
、CSS背景图像还是aria-hidden="true"
?alt=""
、role="presentation"
、CSS背景图像还是aria-hidden="true"
?最好的方法是使用空白的 alt
文本。
<img src="squiggle.gif" width="20" height="20" alt="" />
对于 AT(辅助技术)应该忽略的图像,使用空的 alt 文本和没有 title 属性的 img 元素。
从语义上讲,正确的答案是aria-hidden=true。WCAG 1.1.1指示所有图像必须有alt文本,纯装饰性的图像不是例外,但文本替代必须为空,即alt="",理论上应该足够了,但某些辅助技术仍然可以访问该图像并将其标记为图像,因此它将不再被隐藏。
您想要对辅助技术隐藏的任何元素都必须是aria-hidden,当然,从语义上讲更有意义。
" "
。然而,与alt =“”
同样好的方法是在CSS中使用背景图像。这样,您根本不必担心<img>
标签或alt
属性。 - slugolicious