它是wcag 2.0 AA可以将标题和alt留空并在隐藏的段落文本中添加文本?

时间:2015-05-01 05:50:29

标签: html wcag2.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>

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

2 个答案:

答案 0 :(得分:4)

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

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

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

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

  2. 语音识别用户在查看没有附带文字的图片时可能无法点击该链接,但没有提供足够的信息来说明如何指示识别软件点击该链接。

  3. 总而言之,我使用替代文字,尝试将其简化为链接目的地的简短描述,并确保从图像内容中明显看出如何点击它使用语音识别。

答案 1 :(得分:0)

它不符合WCAG AA标准,因为如果您在title标记上添加A属性,则该标记不能为空。

  

我只是隐藏了p文本。

只要屏幕阅读器可以阅读它,你就可以隐藏它(所以没有display: none)......

许多人的观点可能符合WCAG AA标准,但您必须记住,并非所有人都使用语音合成器,并且应该为每个人提供这些不可见的信息。

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