最近，我不得不对我的一个客户的旧网站进行更新，使得它能够达到可访问性的标准。对三四年前的旧代码进行挖掘的想法根本没有吸引力，主要是因为我曾经使用的很多编程惯例已经不再适用，特别是从可访问性上来讲。我曾经使用绝对的字体大小，固定的页面宽度和表格来做版面设计和空间分配。

像那时建构的很多网站一样，我的客户的网站使用了cascading style sheets (css)来格式化文本。它没有使用任何css的更加强有力的版面设计功能，也没有允许html设备独立，而这是css可访问性的主要优点之一。

问题是如何出现的？

在我概述使网站更加具有可访问性的方法之前，了解现今众多的访问性问题的起因也许是很有帮助的：

对html肤浅的理解：在1990年代的互联网大发展时期中，所有人都开始建构网站。wysiwyg编辑器使得几乎每个人都可以很容易地建构一个网站，而不用费心去学习html。但不幸的是，这种在使用上的便利带来了一些蹩脚的代码，对可访问性造成了妨碍。

html在设计方面的局限性：开发者和设计者经常会故意错用html标签，特别是 标签，来克服html在版面和设计上的局限性。这种设计方式也会带来妨碍可访问性的代码。

什么使得css更具有访问性？

css在1996年出现，用来解决上述的问题。通过使用css，你可以将一个html文件的内容与有关它的表现形式或风格的信息分离开来。这就使你可以应用准确的格式化并达到想要得到的版面设计，而无需使用可能会让屏幕阅读器和专门的浏览器软件产生困惑的html代码。

例如，虽然html表格是用来排列表格式数据的，但他们也经常被用来排列对齐一个页面上的元素的。但是阅读器和例如语音合成器的软件要求有效的html代码。因此当他们遇到一个页面错误地使用了诸如一个表格的元素，产生的结果就会让使用者感到莫名其妙。

css的另一个可访问性的优点就是它允许使用者定义他们自己的风格单，这个风格单可以与网站的风格单共同工作。因此，例如一个使用者可以设定，所有通过

标签定义的文本都应该是1.5em arial，即使这个网站的风格单表示它应该是18px verdana bold。

要注意用户定义的风格只有在用户的风格名称与html页面中的标签相符时才会起作用，这是很重要的。这就将确保兼容性的责任交到了开发者的手中。例如，如果用户的风格单指定

标签应显示1.5em arial文本，但是html页面并不使用

标签来从风格单中调用一个风格（也许它使用），用户对于

标签定义的风格将会被忽略。因此要确保你对你的标题和段落使用标准的html标签，这将减少用户定义的风格单被忽略的机会。

开始

如果你是从头开始建构一个新的网站，那么通过css来改善可访问性就会很容易。但你仍然可以轻松地将现有的网站转变为css形式。

编辑：黑鹰　[发送给好友] [打印本页] [关闭窗口] [返回顶部]
上一篇：用js封装的时间设置器
下一篇：跟我学xsl（二）
转载请注明来源：www.iyit.net
特别声明： 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员，我们尽快予以更正。

		相关文章
		读取符合rss2.0规范的xml文档 flash中通过xmlsocket监控生产系统(2-5 flash中通过xmlsocket监控生产系统(2-4 flash中通过xmlsocket监控生产系统(2-3 flash中通过xmlsocket监控生产系统(2-2 flash中通过xmlsocket监控生产系统(2-1 flash中通过xmlsocket监控生产系统(1-2 flash中通过xmlsocket监控生产系统(1-1 xml数据库中几个容易混淆的概念2 xml数据库中几个容易混淆的概念1 web设计中如何使用xml数据3 web设计中如何使用xml数据2 web设计中如何使用xml数据1 一个简单的xmlschema的例子 xml在.net平台下的自定义控件的应用(3) xml在.net平台下的自定义控件的应用(2) xml在.net平台下的自定义控件的应用(1) 使用dom创建xml xml文档搜索使用小结2 xml文档搜索使用小结1 xml技术上传文件4 xml技术上传文件3 xml技术上传文件2 xml技术上传文件1

最新更新

热点排行

推荐新闻

在 css 中关于字体处理效果的思考 html 初学者指南 showmodelessdialog()使用详解 仿 office 2003 的工具条 跟我学xsl（一） dreamwavermx与asp.net(十四) dreamwavermx与asp.net(十三) dreamwavermx与asp.net(十一) dreamwavermx与asp.net(十) dreamwavermx与asp.net(九) dreamwavermx与asp.net(八) dreamwavermx与asp.net(七) dreamwavermx与asp.net(六) dreamwavermx与asp.net(五) dreamwavermx与asp.net(四)

一个优秀的超链接鼠标悬停提示css＋js 使用dom创建xml *.htc 文件的简单介绍 html 初学者指南 读取符合rss2.0规范的xml文档 优秀公益广告作品欣赏(8) java数据类型转换 windows xp专业版iis连接数的更改 新开放qq免费挂级网站 优秀公益广告作品欣赏(7) 免费在qq上看在线电影电视听音乐 office2007简体中文版浮出水面 美图抢 qq珊瑚虫外挂4.0版本发布！ web服务器配置全攻略（三） 免费把qq炫铃设为本机qq的系统提示音

利用css改善网站可访问性 利用css改善网站可访问性 如何让mm的脸通透可人 msn8.0下载 asp 五大高效提速技巧 如何在win20003中更好的玩游戏 qq收费头像免费使用的方法  微软将在华推分期付款,充值卡pc 可低价  amd处理器am2测试　风扇竟运行7分钟 exeplorer.exe错误的问题的总结、解决 asp.net 2.0 中的异步页功能应用

	友情链接

设置首 页 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接

copyrights © 2004-2006 iyit.net all rights reserved. 网站合作、广告联系qq:147007642、466949678 易特网络技术 冀icp备05011851号