标签上alt属性的预期用途到底是什么<img>?
它应该描述图像,还是应该为屏幕阅读器(以及关闭图像的人)提供有意义的替换文本?
例如,如果我在我的网站上有一个人的简短传记,并且包含一张他们的小照片,那么视觉障碍用户是否真的有意义地向他们宣读"约翰史密斯的照片"?
我在网站上有一个横幅,其中包含以下 less/css 类:
.element-link {
display: block;
background: url('url to image') repeat-x center center;
height: 71px;
background-size: cover;
cursor: pointer;
width: 100%;
}
Run Code Online (Sandbox Code Playgroud)
和html
<a class="element-link" href="url to other site" target="_blank"></a>
Run Code Online (Sandbox Code Playgroud)
但是,当 url('url to image') 上没有图像时(这是边界情况,但我们必须解决它),横幅不会出现(这很好,它使我们可以灵活地删除横幅删除服务器中的图像),但链接仍然有效。
编辑:所以,我需要做的是:检测到没有图像
background: url('url to image') repeat-x center center
Run Code Online (Sandbox Code Playgroud)
在这种情况下更改高度:71px;到高度:0px;我知道我可以用 javascript 做到这一点,但因为该网站不是我的,我想知道在向他们提供 javascript 解决方案之前我是否可以用 less 做到这一点。