相关疑难解决方法(0)

图像alt属性最佳做法

标签上alt属性的预期用途到底是什么<img>

它应该描述图像,还是应该为屏幕阅读器(以及关闭图像的人)提供有意义的替换文本?

例如,如果我在我的网站上有一个人的简短传记,并且包含一张他们的小照片,那么视觉障碍用户是否真的有意义地向他们宣读"约翰史密斯的照片"?

html accessibility

8
推荐指数
1
解决办法
5039
查看次数

如何检测 css 或更少的 404 图像?

我在网站上有一个横幅,其中包含以下 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 做到这一点。

css less

5
推荐指数
0
解决办法
1498
查看次数

标签 统计

accessibility ×1

css ×1

html ×1

less ×1