优质网页小贴士 - 使用 alt 属性描述每幅图像
网址：http://doc.ajaxeye.com/blog/120/
alt 属性有什么用？
alt 属性可以在一系列标签中使用（如 img，area 和 input 以及 applet），它能为该对象提供一个替代文本。
替代文本在下列常见的情况下，能为你的网站和访客提供一些好处：
alt 属性内容的一般规则是：使用与图片具有相同功能的文字。
一些更具体的规则：
alt 属性可以在一系列标签中使用（如 img，area 和 input 以及 applet），它能为该对象提供一个替代文本。
替代文本在下列常见的情况下，能为你的网站和访客提供一些好处：
- 现在，各种不同平台都有功能不一的网页浏览器，有些根本无法显示图像，或只能显示特定的几种图像；有些能够设定为不载入图像。如果你的图像代码中包含 alt 属性，在这种情况下，绝大多数的浏览器都能显示该属性的内容来代替缺失的图像
- 你的一些访客无法看清图像，比如他们患有弱视、色盲，或近视，alt 属性对他们的帮助就很大了。他们可以根据该属性中的内容来了解你页面中的信息
- 搜索引擎机器人就属于上述两种类型：如果你想让你的网站被完整收录到搜索引擎中，使用 alt 属性可以保证搜索引擎机器人不会错过你页面中的重要部分。
alt 属性内容的一般规则是：使用与图片具有相同功能的文字。
一些更具体的规则：
- 如果该图片用于配合少量文字，则将这些文字放置到 alt 属性中
- 如果该图片用于列表符、水平线等类似的装饰效果，alt 属性可以留空（例如 alt=""），但如果能在 CSS 中使用 list-style-image 则更好
- 如果该图片代表许多重要信息，则最好能概括出一小行文字放入 alt 属性中，然后添加一个 longdesc 链接，指向更详细的描述
- Web Content Accessibility Guidelines and the specific section on alternate content
- Core Techniques, section 2 Text equivalents
- Excerpts from the National Braille Association Tape Recording Manual, Third Edition. provides guidance to write descriptions of maps, charts, and other images that contain a lot of information.
- HTML 4.01 and the specific section on the
altattribute - Providing text equivalents for images and Ignoring spacer images in the Dive Into Accessibility series
本文相关评论|Comments