如何为图像编写良好的替代文本,以帮助屏幕阅读器和盲人理解图片的含义?如果我们使用的是Alt文本,那么在特殊情况下(例如菜单图像等)都使用的话,Title =“ text”应该是什么
最佳答案
您不应让视障用户了解图像的全部含义。对于盲人来说,实际上没有图像,只有文字。alt
文本应作为单个句子/段落工作,可以替换图像,传达相同的内容,并且在相邻内容的上下文中仍然有意义。
如果图像是GUI的一部分,则alt
文本应传达一个动作(动词),换行,回答或退出。
您应该使用links
访问您的网站,并尝试了解您的网站。例如,如果有一个饼图,则其alt
文本应为百分比的一小部分摘要。如果您在博客文章旁边只有一朵漂亮的花,请不要给它发疯的alt
文字,例如博客文章#324的花卉图片伴侣,甚至更糟的flower.jpg。
如果图像对于导航或获取信息很重要,请尝试为其提供alt
文本,以使站点无需图像即可工作。如果图像仅是呈现图像,请为其提供空白的alt
文本。
据我所知,title
仅应在悬停时显示,因此它们应为图像提供额外的信息,因此应避免使用useless duplication of information。对于屏幕阅读器来说,这有点棘手,因为用户之间的支持和配置可能会非常不同。
某些empirical data显示title
无用:
屏幕阅读软件的大多数用户都不会更改其默认设置来访问链接上的TITLE属性信息。
默认情况下,大多数屏幕阅读软件都可以访问表单控件上的TITLE属性内容。
某些屏幕阅读软件无法访问TITLE属性信息。
屏幕放大镜的用户可以较低的放大级别阅读TITLE属性文本。
屏幕放大镜的用户无法以较高的放大级别阅读TITLE属性文本,该文本包含1个或2个以上的单词。
Here's good piece of advice,比我能做的更好
使用它来提供不必要的其他信息。大多数视觉浏览器在将元素悬停在元素上时将标题文本显示为工具提示,但是由浏览器制造商决定标题文本的呈现方式。有些人会在状态栏中显示文本。例如,早期版本的Safari就是这样做的。
title属性的一个很好的用途是在链接中添加描述性文本,尤其是在链接文本本身不能清楚地描述链接目标的情况下。这样,您可以帮助访问者知道链接将它们带到何处,有可能使他们免于加载页面而只是发现页面不是他们感兴趣的内容。另一种潜在用途是为图像提供其他信息,例如日期或其他可能不重要的信息。
请记住,longdesc
属性应该是指向更多信息的链接,而不是某些人滥用的文本。