让我们说图像的替代文字太长,图像链接如下
<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?
答案 0 :(得分:4)
如果图像是锚标记内的唯一元素,则其替代文本需要描述链接的目标而不是图像本身。如果这个描述太长,那么可能值得问问自己这是否合适。
这是边界线WCAG通过/失败。图像可以说是1.1.1(非文本内容)失败,因为它不是装饰性的,但没有替代文字。但链接本身可能会通过,因为隐藏文本使其目标以编程方式可确定。
我不会使用这种方法的原因有两个:
隐藏文字可能无法用于访问所有设备上的技术。我已经在iPhone上使用VoiceOver看到了这种情况。
语音识别用户在查看没有附带文字的图片时可能无法点击该链接,但没有提供足够的信息来说明如何指示识别软件点击该链接。
总而言之,我使用替代文字,尝试将其简化为链接目的地的简短描述,并确保从图像内容中明显看出如何点击它使用语音识别。
答案 1 :(得分:0)
它不符合WCAG AA标准,因为如果您在title
标记上添加A
属性,则该标记不能为空。
我只是隐藏了p文本。
只要屏幕阅读器可以阅读它,你就可以隐藏它(所以没有display: none
)......
许多人的观点可能符合WCAG AA标准,但您必须记住,并非所有人都使用语音合成器,并且应该为每个人提供这些不可见的信息。
此外,链接文本应尽可能短。