我现在正在为我的图片应用替代文字。
http://jamesngart.com/imperialairship.html
如果你快速浏览一下这个链接,我的插图,它的草图和2个详细的镜头。我还有一个媒体查询,显示另一个容器,它包含不同布局中的相同图像(当窗口变得太窄时)。
所以基本上有1张主图像,1张图像草图和2张详细照片。并且每个都重复一次。如何在不引起垃圾邮件的情况下应用alt文本?如果我输入主图像的替代文字,我应该将其复制并粘贴到较小容器中重复主图像(同一文件)的替代文字中吗?还是留空?
如何处理同一图像的详细镜头的替代文字,将其留空或复制并粘贴文字?
欣赏一些见解,这是我的第一个网站,我正在学习如何从教程中学习,我不是一个编码器,因为你可以看到哈哈。
答案 0 :(得分:0)
如果您只呈现其中一个重复的图像,则两者都应获得相同的alt
值。考虑禁用图像的用户:如果您只为宽版面添加alt
值,则窄版面的用户将无法获得任何替代文本。
草图:我认为这些是相关内容。如果您同意,他们应该获得非空alt
值。但与主图像不一样!至少替代文本应该说它是草图,理想情况下还包括其他细节(比如绘制对象的哪些视角;或者在该上下文中可能重要的任何内容)。
对于详细镜头:这些可能会获得空alt
值,因为它们不会传达任何其他/新内容。您可能想要对镜头所关注的某些细节说些什么,但是如果这样做,您应该将其作为文本旁边的文本(适合所有人),而不仅仅作为替代文本(仅适用于那些无法访问的人)图片)。如果细节镜头真的显示出在主图像上几乎看不到的东西,则可能是个例外;在这种情况下,非空alt
值可能很有用,描述了详细信息。
相关HTML5部分,了解插图的alt
值:Images of Pictures。