设置空的alt属性值,让页面上图片更具易用性

作为一个自学的WEB程序员,我对什么是最佳的开发方法有一个自己养成的印象,但经过这么多年的实践,我发现有很多习惯是不正确的,或者是经过这么多年,一些官方标准已经经过修改,有所改变。一个很小的,但很重要的用法,就是img标记上的alt属性用法。我曾经以为,页面上的所有图片都应该设置alt属性。但现在却发现,事实并不是这样。

<!-- 没有alt属性,不好的用法: 图片的URL将会被当作图片描述显示出来 -->
<img src=" /wp-content/themes/punky/images/logo.png ">

<!-- 毫无意义的alt属性值,不好的用法 -->
<img src=" /wp-content/themes/punky/images/logo.png " alt="Logo">

<!-- 空的alt属性值,不错的用法。 empty alt is silent -->
<img src=" /wp-content/themes/punky/images/logo.png " alt="">

像上面这个例子,这个logo图片只是出于视觉效果,不会考虑SEO的因素,像这样的图片的alt属性应该设置成空字符,加上描述信息是毫无意义的。但如果缺少alt属性,一些阅读器就会把图片url当成alt显示出来。

我们在开发会遇到各种不知道的知识,像这些易用性、易访问性方面的知识,都是需要慢慢积累的,它们对于WEB开发有很重要的指导作用。每个WEB程序员都对自己开发出来的东西兴奋不已,易用性、易访问性方面的技巧能达到锦上添花的效果。当然,即使用错了alt属性,这也不是必须受到责备的事情。

阅读余下内容
 

7条回应:“设置空的alt属性值,让页面上图片更具易用性”

  1. 如果有意义的图片你就肯定能得到一个有意义的名字赋值给alt,如果没意义的图片你就不要做图片,做背景就好了

  2. 没有意义的图片不应该放在结构中,这是常识,如果放在结构中,那肯定是有意义的,Alt属性的作用并不是你以为的那样,它大部分时候并不是提供给视觉用户的,例如搜索引擎,例如盲人用户使用的屏幕阅读器。看了你写的这个东西我心里特别难受,真的。

  3. alt属性的真正用途在于非图形化浏览器和针对视力障碍人群的读屏软件,您们用过这样的软件吗?不好意思,这两种软件我都用。

发表评论

电子邮件地址不会被公开。 必填项已用*标注


京ICP备12002735号