Accessibility 有无链接和可访问性的CSS背景图像

我正在使用带有css（背景图像）的

div

容器中的图像。不仅仅是为了表达，它们还有意义。我想为残疾用户提供替代方案，但不确定如何正确地做到这一点。我有时也会在链接中使用它们，这也需要以某种方式加以解决

对于案例一（带有css的

div

中的图像，但没有链接），我考虑在

div

中使用隐藏文本，但不确定是否应该指定这是图像而不仅仅是文本。因为当为图像提供文本替换时，禁用的用户将看到此文本属于图像（例如使用

aria labelledby

），那么如何使用

div

和css图像来实现这一点呢

---

对于第二种情况，我也不知道如何正确处理。我想使用

title

作为链接，因此普通用户也可以通过鼠标悬停图标等方式从中获益，但我不确定

title

是否足以满足残疾人的需要。

这显然是

role=img

的作用：

<a href="...">
  <div role="img" class="css_classename"
       aria-label="This information is provided to a screen reader"
       title="This is a tooltip">
  </div>
</a>

除了一些特定的示例和上下文（如网页），以下三个链接可能对您有用：，谢谢aadrian，我会看一看。你有一个很好的网站，顺便说一句：）信息丰富。谢谢亚当，太好了！但是，如果我还想使用

role=“img”

div

中的一些内容，该怎么办？它有效吗？如果没有，如果我在

role=“img”

div

中使用另一个

div

该怎么办？它是有效的HTML，但与ARIA相关，

ARIA标签将优先于其中包含的任何文本。@sorvz仅适用于将整个元素视为图像的情况。如果您将有嵌套内容，请避免使用它，除非您很好地了解它的工作原理，并准备使用屏幕阅读器进行测试。正如我在上面的评论中提到的，看到一些例子会有所帮助。一个代码解决方案很少适用于所有场景。在国际海事组织，这种解决方案的效用有限。