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

HTML/XHTML教程
ie7打开页面有源文件但页面空白问题的解决方法
firefox支持webdings字体的方法
HTML 相对路径和绝对路径区别分析
ie6 失真问题
关闭IE启用图片工具列
HTML5 Canvas 起步(1) - 基本概念
网页表单元素Input的高级用法11例
漂亮样式表在XHTML+CSS网页制作中的应用
html ReadOnly 和 Enabled 区别
如何正确地在XHTML文档中使用JavaScript和CSS
IE6 为什么最多人使用
给网站添加 favicon的技巧 网址前面的小图标
什么是 WML?
WML 标签汇总
HTML相对路径 上级目录及下级目录的写法
html 自定义标签使用实现方法
Firefox下英文字母不换行的解决方案
HTML 文本转义小窍门
设置IE8使用IE7的样式的代码
HTML 标记一定不要忘记关闭

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 52 ::
收藏到网摘: 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页面,你将会发现,你的网站将是最容易访问的网站,并且将会具有最多的访问者。