WCAG2隐藏掘金:ALT属性的精彩世界,部分我
最近,我判断的辅助组件澳大利亚网站奖。一次又一次我看到了同样的错误,当它来到ALT属性。成功的标准1.1.1 - ALT属性的要求-是一个复杂的成功标准。
与空的ALT属性中失踪
图片必须始终有一个ALT属性。不相信我吗 ?然后,阅读时不使用alt属性,看看我是否能说服你。
ALT属性是没有TITLE属性
TITLE属性提供鼠标悬停的信息 。这是他们的目的。alt属性的目的是不提供鼠标悬停的信息-即使ALT属性,有时会出现在某些浏览器的方式(如Internet Explorer)。ALT属性的目的是提供一个替代的,文字描述的图像,供人谁也不能访问或看到的图像的使用,的。所以,如果你有一些信息,你要显示给用户,在上空盘旋图像时,使用title属性,并保持用于描述图像ALT属性。
ALT属性的问题
还记得,ALT属性(和TITLE属性)无法使用键盘的用户 - 因此你不应该把alt属性不是由图像传达什么。这意味着没有作者或归属文本,日期或版权信息(除非它是图像本身显示)。
另一个问题发生,当人们与关闭的影像浏览。在Firefox中,ALT属性是收缩到实际图像大小-所以如果你有一个10像素的GIF 10,那么这将是几乎不可能阅读的ALT属性 。在Internet Explorer中显示整个ALT属性,但不换行,这样可以导致水平滚动。事实上已对此上Allybugs提 出的一个辅助的错误,如果你有兴趣可以共同签署请愿书 。
编写ALT属性
ALT属性可难 写。重要的是要描述函数的图像,而不是实际图像本身(一个主要的例外:图像画廊,我将在另一篇文章)。图像的背景下,总是会告知你应该写在 ALT属性。例如,世界上的形象可能有几个不同的图像,这取决于它在一个网站的背景下:
- 在绿色和平组织的网站,它可能会说,“拯救我们的世界”
- 在一个旅游网站,它可能会说,“国际旅行”
- 在一所大学的网站,它可能会说,“我们有世界各地的校园”
- 在拍卖网站上,它可能会说,“世界地球直径约30厘米,由塑料制成,完全充气”
ALT属性能持续多久?
有ALT属性的长度没有硬性规定 。工作组认为,100个字符的最大添加ALT属性技术,但在WCAG2决定反对 。虽然它可能不是在WCAG2技术,它是一个很好的规律可循。