优质网页小贴士

使用 alt 属性描述每幅图像

alt 属性有什么用？

alt 属性可以在一系列标签中使用（如 img，area 和 input 以及 applet），它能为该对象提供一个替代文本。

替代文本在下列常见的情况下，能为你的网站和访客提供一些好处：

• 现在，各种不同平台都有功能不一的网页浏览器，有些根本无法显示图像，或只能显示特定的几种图像；有些能够设定为不载入图像。如果你的图像代码中包含 alt 属性，在这种情况下，绝大多数的浏览器都能显示该属性的内容来代替缺失的图像
• 你的一些访客无法看清图像，比如他们患有弱视、色盲，或近视，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 alt attribute
• Providing text equivalents for images and Ignoring spacer images in the Dive Into Accessibility series

关于“优质小贴士”

The W3C 优质小贴士 是为网页开发者和设计者提供的一些有用的小短文，由 W3C 的 Quality Assurance Interest Group 负责管理和辑写。中文版由 ZDYX（张杜一雄）维护。

虽然这些小贴士都被小组成员认真审查过，但这只是我们向你提供的点滴技巧。请注意，它们 不能 被认为是 W3C 的技术规范。

学习更多的技巧，了解怎样提交你自己的智慧点滴，以及阅读其他的优质小贴士，尽在 小贴士索引。