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

HTML/XHTML教程
XHTML中不再使用HTML中的一些废弃元素
语义化的HTML结构怎么理解
Web 标准学习 理解结构和表现相分离
html5 标签
HTML5 新事件 小结
HTML5 b和i标记将被赋予真正的语义
HTML是网页制作者必须要学习掌握的
HTML DOCTYPE的缩写
Readonly和Disabled的区别
16进制颜色代码(完全)
H标记要在网页制作中合理使用
abbr标记和acronym标记
知名浏览器对DOCTYPE模式的选择机制
用标准dl,dt,dd标签抛弃table列表
html 标签ID可以是变量
iframe 自适应大小实现代码
HTML5 解析规则分析
HTML减肥 精简HTML标记制作网页
HTML5 File API改善网页上传功能
HTML 5 Reset Stylesheet

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


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