1

假设图像的替代文本太长，图像链接如下

 <a href="http://somelink.com" title=""> 
      <img src="someimage.png" alt=""/>
      <p class="hide_text">The complete alt text here as in too long to have any meaning to put in the title/alt above. Then is it accessible enough to put in the p tag?</p>
</a>

我只是隐藏 p 文本。那 WCAG 2.0 AA 是否符合可访问性？如果在这种情况下 title 和 alt 都是空的，并且我在 p 中包含了图像 alt 文本... WCAG 2.0 AA 是否可以访问？

4

3 回答 3

4

如果图像是锚标记内的唯一元素，则其 alt 文本需要描述链接的目的地，而不是图像本身。如果这个描述太长，那么可能值得问问自己这是否合适。

这是 WCAG 通过/失败的边界线。该图像可以说不符合 1.1.1（非文本内容），因为它不是装饰性的，但没有替代文本。但是链接本身可能会通过，因为隐藏的文本使其目的地可以通过编程方式确定。

我不使用这种方法的原因有两个：

  1. 隐藏文本可能无法在所有设备上访问技术。我已经看到在 iPhone 上使用 VoiceOver 会发生这种情况。

  2. 如果看到没有附带文本的图像没有为他们提供有关如何指示识别软件单击链接的足够信息，语音识别用户可能无法单击链接。

因此，总而言之，我将使用替代文本，尝试将其缩减为对链接目标的简短描述，并确保从图像内容中可以清楚地看出如何使用语音识别单击它。

于 2015-05-01T11:48:48.007 回答
0

在我发现的情况下，最好的选择是使用类似下面的东西

 <a href="http://somelink.com" title=""> 
      <img src="someimage.png" alt=" "/>
      <p class="hide_text">The complete alt text here as in too long to have any meaning to put in the title/alt above. Then is it accessible enough to put in the p tag?</p>
</a>

在 alt 中放置一个空格。因此，当 NVDA 读取它时，它被读取为链接图形链接“这里的完整 alt 文本太长了，没有任何意义，无法放入上面的标题/alt。那么它是否足以放入 p 标签？”

似乎还可以。我只是不能 100% 确定我是否违反了任何 WCAG 规则。

于 2015-05-02T02:56:08.783 回答
0

它不符合 WCAG AA，因为如果您将title属性放在A标签上，它就不能为空。

我只是隐藏 p 文本。

只要屏幕阅读器可以阅读它，您就可以隐藏它（所以没有display: none）......

从许多人的角度来看，它可能符合 WCAG AA，但您必须记住，并非所有人都使用语音合成器，并且应该向所有人提供这种不可见的信息。

此外，链接文本应尽可能短。

于 2015-06-16T09:35:26.490 回答