当前位置:  开发笔记 > 前端 > 正文

如何使锚标记中的图像可访问?

如何解决《如何使锚标记中的图像可访问?》经验,为你挑选了1个好方法。

假设我有一张类似下面的图片。

根据WCAG的说法,该图像是有效的,因为它将用户链接到另一个页面。似乎我应该将链接的目标放在alt属性中,例如alt="comic homepage"

视力障碍的人也不想知道图像显示了什么吗?该用户会喜欢这样的东西alt="comic that links to the cloudtweaks homepage"吗?这部漫画似乎并非纯粹是装饰性的。


  ???

此页面执行类似操作(滚动到页面底部附近)。



1> aardrian..:

您已经问了这个问题,但没有提供足够的上下文。查看周围的内容,整个页面或整个站点将有所帮助。

周围是否有文字说明图片或链接的位置?

该图像是否会出现在链接之后的页面上,也许是该图像的完整版本(例如,如果此图像是众多图像之一,则显示在所有面板中)?

该网站的行为是否类似于您确信用户熟悉的其他网站或该网站的一部分?

屏幕阅读器将宣布它是一个链接,它是一个图像,然后它将宣布图像alt文本。如果您不需要在图像之外提供一些文本来向用户显示,则可能无需尝试将其强制输入alt文本或title属性中(也不要使用titleattribute)。

基本上,您希望为有视力和无视力和低视力的用户提供相同的体验。如果您认为有必要通过使用来管理对链接的期望,alt则应在链接周围或收集链接之前提供链接。然后,它可以帮助所有用户。如果您认为不需要管理用户的期望,则不要通过将多余的文本塞在他们的屏幕阅读器上来将其强加给无视力的用户。

推荐阅读
凹凸曼00威威_694
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有