WCAG 2.0 - 为相同资源组合相邻图像和低对比度文本链接

Question

我正在设计一个网站，我希望在不同彩色背景上使用白色文本。不幸的是，这些背景中的2个不能提供与WCAG 2.0 AA兼容的足够对比。

该文本是“阅读更多”链接。

我的问题是 - 如果链接有标题属性，这是否使得文本可以访问，因此WCAG AA的投诉？

除此之外，标签中还会有一个带有alt标签的小V形图像，这种冗余功能对于AA兼容性有利吗？

谢谢！

Answer 1

这听起来像你打两个问题：

1. 上的背景文字Colour contrast。
2. Not describing links。

不幸的是，由于某些用户无法访问它（例如，使用键盘的人可以看到屏幕），所以不能依赖标题来传递信息。

有用于对比度问题的几个可能的调整：在图像上应用效果

• 在哪里文本是部分（例如渐变为黑色）。
• 对文字应用效果，例如增加对比度的投影。
• 为不同图像上的文字选择不同的颜色。

否则，您将陷入必须提供风格切换器或个性化选项以提高对比度（假设您想符合WCAG2-AA）的情况。

我不能确定链接没有描述他们的目标，就好像他们上面有一个可以提供上下文的标题。然而，“阅读更多”链接确实会敲响警钟。

如果人字形图像具有特定于目标页面的替代文本，这将有所帮助。例如：

<a href="#"><img src="file.gif" alt="Specific page title ">Read more</a> 

注意：由于替代文本像内嵌文本一样被读取，所以在末尾包含空格。

或者，如果顺序倒过来：

<a href="#">Read more<img src="file.gif" alt=" about specific page title "></a> 

总体来说，如果你的箱子都有一个描述目标页面标题，我会做一个链接，并使用脚本，使其余该框可点击。 （例如，http://ukwindsurfing.com/上的中央框）