相关文章
未来中国的40个时尚职业
IE浏览器问题解决方法汇总
北京网站建设轻松打造自己的站内搜索引擎
北京网站建设Photoshop打造超酷影片风格画面场景
北京网站设计网页设计:如何确定网站栏目
网站设计从基础到精通:CSS实用教程(二)
北京网站建设网页特效:expression将JS、Css结合起来
北京网站设计仿6room网站图片链接效果(一)
北京网页设计Adobe Fireworks CS3的新特性
北京网站制作首次完整小型站点架构的心得体会
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网页设计 >> 网页设计网站制作利用CSS改善网站可访问性
网页设计网站制作利用CSS改善网站可访问性
最近,我不得不对我的一个客户的旧网站进行更新,使得它能够达到可访问性的标准。对三四年前的旧代码进行挖掘的想法根本没有吸引力,主要是因为我曾经使用的很多编程惯例已经不再适用,特别是从可访问性上来讲。我曾经使用绝对的字体大小,固定的页面宽度和表格来做版面设计和空间分配。 北京网站建设 Www.Chinaz.com
北京网站建设
像那时建构的很多网站一样,我的客户的网站使用了Cascading Style Sheets (CSS)来格式化文本。它没有使用任何CSS的更加强有力的版面设计功能,也没有允许HTML设备独立,而这是CSS可访问性的主要优点之一。
北京网站建设
问题是如何出现的? 中国站长_站,为中文网站提供动力
网站制作 北京网站设计
在我概述使网站更加具有可访问性的方法之前,了解现今众多的访问性问题的起因也许是很有帮助的:
北京网页设计北京网站制作
对HTML肤浅的理解:在1990年代的互联网大发展时期中,所有人都开始建构网站。WYSIWYG编辑器使得几乎每个人都可以很容易地建构一个网站,而不用费心去学习HTML。但不幸的是,这种在使用上的便利带来了一些蹩脚的代码,对可访问性造成了妨碍。 中.国站长站
网站建设网站设计
HTML在设计方面的局限性:开发者和设计者经常会故意错用 网站制作HTML标签,特别是<table>标签,来克服HTML在版面和设计上的局限性。这种设计方式也会带来妨碍可访问性的代码。
北京网站建设
什么使得CSS更具有访问性? 中.国站长站
网站制作
CSS在1996年出现,用来解决上述的问题。通过使用CSS,你可以将一个HTML文件的内容与有关它的表现形式或风格的信息分离开来。这就使你可以应用准确的格式化并达到想要得到的版面设计,而无需使用可能会让屏幕阅读器和专门的浏览器软件产生困惑的HTML代码。 Www_Chinaz_com
北京网站建设 网页设计
例如,虽然HTML表格是用来排列表格式数据的,但他们也经常被用来排列对齐一个页面上的元素的。但是阅读器和例如语音合成器的软件要求有效的HTML代码。因此当他们遇到一个页面错误地使用了诸如一个表格的元素,产生的结果就会让使用者感到莫名其妙。
中国站长.站
北京网站制作
CSS的另一个可访问性的优点就是它允许使用者定义他们自己的风格单,这个风格单可以与网站的风格单共同工作。因此,例如一个使用者可以设定,所有通过<p>标签定义的文本都应该是1.5em Arial,即使这个网站的风格单表示它应该是18px Verdana Bold。
Www~Chinaz~com
网站建设
要注意用户定义的风格只有在用户的风格名称与HTML页面中的标签相符时才会起作用,这是很重要的。这就将确保兼容性的责任交到了开发者的手中。例如,如果用户的风格单指定<p>标签应显示1.5em Arial文本,但是HTML页面并不使用<p>标签来从风格单中调用一个风格(也许它使用<font class=”bodytext”>),用户对于<p>标签定义的风格将会被忽略。因此要确保你对你的标题和段落使用标准的HTML标签,这将减少用户定义的风格单被忽略的机会。 [中国站长站 企通互联]