使用文字标签提高网页可及性

ZDNet软件频道 时间:2003-11-05 作者:ZDNet China |  我要评论()
本文关键词:
如今,众多的政府和教育机构的网站设计必须遵守残障美国人法案(ADA),设计师必须把可及性这一原则放在首位。尽管最近法院做出裁决表示商业网站在建设过程中不必遵守这一法案,但大多数网站的建设还是要遵守网页内容可及性这一原则.
本文译自Builder.com,未经许可请勿转载

如今,一些网站设计师们逐渐把关注焦点转移到网页的可及性上来。众多的政府和教育机构的网站设计必须遵守残障美国人法案(ADA),设计师必须把可及性这一原则放在首位。尽管最近法院做出裁决表示商业网站在建设过程中不必遵守这一法案,但大多数网站的建设还是要遵守网页内容可及性这一原则(WCAG)。

文本标签怎样提高可及性

首先也是最重要的是WCAG的检查点处理的文本,这些文本将替代网页上的非文本元素。自从WCAG这个原则提出文本标签以来,大多数的网站设计师认为每一个图象或者非文本元素都要有一个文本代替。文本标签的用途无处不在。

在每个图象中加入文本标签,你就能够使那些无法正常观看图象的游客了解图象的内容。但是,要成功地完成这项工作,文本标签的内容必须和那些被替代的图象或其他非文本元素的内容相同。

怎样利用文本标签

许多网站设计者在编写文本标签的时候都会遇到一些问题,比如:如何成功的把图象信息转达到文本标签里。将图象文件名或其他隐藏文件放到标签文件中不要删除它们。这种策略能让你的页面符合自动可及性资料验证的要求。可及性资料验证只是简单的检查文本标签的存在性而不是让你的网页更具可及性。

文本标签必须回答“这个图象适合什么函数?”这个问题。通过这种方式就可以使那些通过阅读文本标签的人和直接观看图象的人掌握相同的信息。

这并不意味着你必须详细描叙这个图象的细节。文本标签的主要目的是描叙这个图象的状态,而并非把图象从视觉上的格式到组织结构完整的描叙一番。如果你需要一段很长的文字来描叙这个图象,将这些文字放到另外一个文本文件中,利用longdesc的属性来连接此文本文件。

看下面的例子:

  • 在网页中一个公司的LOGO是这个公司的标识符:alt="XYZ Corporation logo"

  • 图像被设置成bullet:alt="bullet"

  • 在一篇文章中插入毒藤植物用来举例说明有毒的植物:alt="photo of poison ivy plant"

  • 一副装饰图象是页面可视设计的一部分但不是主要的内容:alt=""

  • 一副看不见的图:alt=""

    看第三个例子,我们假定在网页的其他地方有描叙这个毒藤植物文本。如果只要让这个图片呈现给浏览者才可让他们了解这类植物,你就必须用另外一个文本来描叙。Longdesc的属性指引出这个文本的位置。

    空文本标签

    在上面例子中,我们可以看到最后两个文本标签的属性是空。和这些属性有关联的图片也许是这个页面里必须出现的,但是它们并不是这个页面的主要内容,因此,你不需要为此文本标签提供函数。

    但是没有函数并不代表你可以忽略这个文本标签,提供组织个空的文本标签是为了告诉浏览者不必理会这个图片,如果没有这个标签就会使浏览者阅读冗长的路径和文件名。

     


    Michael Meadhra 从web发展的早期就一直从事IT工作。他先后发表了3 6篇著作,其中包括如何去使用Dreamweaver MX.


    责任编辑:李宁

    欢迎评论投稿

  • 百度大联盟认证黄金会员Copyright© 1997- CNET Networks 版权所有。 ZDNet 是CNET Networks公司注册服务商标。
    中华人民共和国电信与信息服务业务经营许可证编号:京ICP证010391号 京ICP备09041801号-159
    京公网安备:1101082134