当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 增强网站的可访问性

HTML/XHTML教程
CSS基础:设计网页常用规范详解
CSS教程:十步学会用css建站
CSS基础:24条网页布局开发小技巧
CSS教程:在网页布局中简单实现垂直居中的办法
css基础教程:颜色和文本属性的控制
专家总结:网页设计师必须遵守的十条守则
html技巧:超级链接a的提示和打开方式
css教程:学习背景图像属性background
例说网页Semantics:Html/Xhtml是否真正符合标准
IE7与web标准设计系列教程:前言
IE7与web标准设计系列教程:更丰富的CSS选择符
IE7与web标准设计系列教程:修正引起页面布局混乱的祸首
web标准教程:IE6和IE7的共存
web标准:IE多版本共存的解决方案:IETester
CSS基础教程:认识CSS选择符
web标准:比较IE6与IE7,放纵的孩子与严厉的父亲
学好标准CSS的模型是否必须放弃IE?
CSS教程:如何处理有冲突的CSS规则
教你用html和css写出漂亮正规的Blog
CSS基础:如何避免table强迫症

HTML/XHTML教程 中的 增强网站的可访问性


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 34 ::
收藏到网摘: n/a

大多的互连网站都至少支持两个主要的浏览器的访问:Internet Explorer和网景浏览器。为什么呢?因为,如果你选择不支持这些浏览器中的任意一个,你就有可能失去一部分网站的访问者。当然,你希望确保你的网站通过合理的开销能够被尽可能多的人访问到。  

保持着这种观点,你是否曾经考虑过你的网站对于有视力障碍的人而言有多大的可访问性?通过使用特殊的网页浏览器,这些有视力障碍的人们就可以自由地浏览网页了。但是,即使是使用最强大的技术支持,它还是不能够给视力障碍的人提供等同于那些非视力障碍人的上网感受。

这里有一些建议,可以帮助使你的网页能够给视力障碍的人提供较好的上网感觉

首先,就是要为你网页上的一些重要元素<img>, <input>, and <applet>设置"alt"属性。这就使得特殊的网页浏览器能够给用户有效地传递图片中的信息。你不需要给页面上的每个图片都设置属性――只需要设置最重要、能够表达你观点的几幅图片就可以了。

经常被访问的网络应用程序的属性叫做"accesskey."。W3C将属性定义为标签<a>的一部分,大多数的属性集合到一起就形成了相关的标签。当设计一个HTML页面的时候,你希望用户能够点击其中的超链接,但是当用户视力有障碍的时候,使用鼠标点击屏幕中的超链接就不是一件容易的事情了。而使用键盘或者accesskey作为快捷方式来访问网站的方法,对于视力障碍的人而言,是再好不过的了。

如果你的网站上支持多语言显示,或者希望网页语言不是其母语的访问者浏览网页,你也许就希望考虑使用“lang”属性。你可以在你的<html>声明中设置这个属性来通知网页浏览器使用的哪种显示语言。几乎所有的HTML元素支持这个属性,所以,如果你页面上有一段用另外一种语言写的,你可以使用一个<span>来修改它的语言属性。

例如,<span lang="de">DasSchlimmstekommtnoch.</span>这条语句就可以在一个HTML文本的外文页面中(如英语)划出一行德文。设置"lang"的属性就可以修改那些使用其它语言发音的应用程序。

如果你在网站上使用了缩略语或者首字母缩写词,你就可以使用<abbr>和<acronym>元素将它们标注出来。这些元素有一个名为"title"的属性,其中包含了这些缩略语或首字母缩写词的含义。例如,一个NFL页面就包含有如下的内容:<acronym title="National Football League">NFL</acronym>.

以上决不是完整的列表,但是这些例子可以给你在创建网页的时候带来一些灵感。我并不是鼓励你去重建所有的东西;只是记住,在下一次你打开你的HTML页面,你将会发现,你的网站将是最容易访问的网站,并且将会具有最多的访问者。