2

我正在设计一个网站，我想在不同颜色的背景上使用白色文本。不幸的是，其中 2 个背景没有提供足够的对比度以符合 WCAG 2.0 AA 标准。

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

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

除此之外，还会有一个小的人字形图像，标签中包含 alt 标签，这种冗余是否有利于 AA 合规性？

谢谢！

4

1 回答 1

3

听起来您遇到了两个问题：

  1. 背景上文本的颜色对比。
  2. 不描述链接。

不幸的是，不能依靠标题来传达信息，因为某些用户无法访问它（例如，使用键盘但可以看到屏幕的人）。

对比度问题有一些潜在的调整：

  • 在文本所在的部分对图像应用效果（例如淡入黑色）。
  • 对文本应用效果，例如增加对比度的阴影。
  • 为不同图像上的文本选择不同的颜色。

否则，您将不得不提供样式切换器或个性化选项以增加对比度（假设您想满足 WCAG2-AA）。

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

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

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

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

或者如果顺序相反：

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

总的来说，如果您的框有一个描述目标页面的标题，我会创建一个链接并使用脚本使框的其余部分可点击。（例如，http://ukwindsurfing.com/上的中心框）

于 2013-08-29T11:30:22.320 回答