什么是图片的ALT属性?

2018-09-12 21:40:20  阅读 1106 次 评论 0 条

8b82b9014a90f603ce2bec223a12b31bb051ed38.jpg

你所有的文案行为都必须遵循:网页设计以人为本,而不是以搜索引擎为中心。如果你的网站充斥着关键字的话。那可得不偿失了。这个原则在图片alt标签上尤其如此。
 
        最初alt标签的作用有两个:帮助文字浏览器去“看”图,并且帮助有视力障碍或者盲人用户去“读。图,例如读屏软件。随着带宽的高速增长,文字浏览器(或者关闭图片的HTML浏览器)的功用逐渐消退了。然而,残障用户依然使用读屏软件,依旧需要图片的精确描述来完整地理解网页。
 
        通常,在干净整洁的Web 2.0设计中,我建议尽可能少用图片(仅用干视觉效果)。在你使用图片的时候,请遵循如下建议:
 
·  每个图片都要有ALT标签,空白图片除外(后者会对残障用户带来困扰)。
 
·  每个ALT标签都要忠城地描述图片的内容;如果有机会包含关键字固然好,但是不要在标签中堆砌关键字。
 
        举个例子说,如果有个图片是两个人在握手,这象征着"collaboration solutions"(协作解决方案,关键字之一,同时也是页面的主题)的话,适合的ALT标签应该是:"Twopeople shaking hands, symbolizing collaboration solutions from ABC company"。
 
        注意,没有必要以“image of“,作为描述的开头。读屏软件在读到ALT文本的时候,会告知用户图片的存在。因此如果含有“ image of ”的话,读屏软件会读成“ image of image of "。不要给残障用户造成困扰,导致他们无法理解。


微信扫码查看本文
本文地址:https://www.yangguangdream.com/?id=1859
版权声明:本文为原创文章,版权归 编辑君 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

还没有留言,还不快点抢沙发?