最新的Web开发教程
 

网络WAI


WAI定义为Web开发的指导方针。


WAI - 无障碍网页倡议

WAI(W3C,1997)是一组用于Web开发人员和设计人员,如何使Web访问残疾人士的指导方针。

这些指导方针的目的是方便,但他们也将有助于使Web内容提供给更多的浏览器(语音浏览器,手机,手持设备)和更多的用户在恶劣的环境中工作(免提,强光,黑暗,视线不良,重噪声)。

注意 如果你的网站缺乏WAI功能(对比度好,可调整大小的文本,以描述图像),残疾人将无法访问您的信息。

为使您的网站更容易的原因:

  • 它会提高你的声誉和客户满意度
  • 它会增加你的观众数量
  • 它可以让你的访问者在您的网站停留时间较长
  • 它会让你的网站更可用的人用旧设备

还记得“ALT”

alt属性允许你为图像的替代文本:

<img src="images/banana.jpg" alt="Banana">

有时,一个Web浏览器无法显示图像。 原因可能是其中之一:

  • 用户已经关闭了的图像的显示
  • 浏览器是没有图像显示一个Mini浏览器
  • 浏览器是语音浏览器

如果使用“alt”属性,大多数浏览器至少会显示(或读取)“ALT”文字。


不要用小字体

一些网站使用小尺寸的文字只是为了“挤”更多的文字到每个页面,或者使页面更加“时髦”。

再次,不同的设备,观察条件,或残疾游客可能有困难阅读的文本。

注意 不要强迫你的访客每次访问你的站点时放大文本大小。

选择最佳信和行距

有额外的字母间距文字易于阅读。

降低字母间距文字难以阅读。

具有良好的文字
行间距
易于阅读。

以减少文字
行间距
难以阅读。


避免花哨的字体

普通字体易于阅读。

斜体字体是不那么容易阅读。

衬线字体更难以阅读。


避免可怜的色彩对比

在白色背景上,或在黑色背景上白色文本黑色文本,是最适合人观看残疾人,并在装备不好的显示。

白底灰色文本可以给一个贫穷的对比:

白色背景上的文本颜色#AAAAAA
文本颜色#666666在白色背景
文本颜色#333333在白色背景
文本颜色#000000在白色背景

在深色背景上的灰色文字也可以给一个贫穷的对比:

文本颜色#666666黑色背景上
黑色背景上的文本颜色#AAAAAA
黑色背景上的文本颜色#CCCCCC
黑色背景上的文本颜色#FFFFFF

某些组合 - 像黑色和红色,黑色和蓝色,黄色和绿色 - 永远应变的眼睛:

红色背景上的黑色文本
蓝色背景上的黑色文本
绿色背景黄色文本

而有些组合是没有那么糟糕:

在灰色背景上的黑色文本
淡蓝色黑色文本
古色古香的白色黑色文本
深蓝色白字

永远设置背景颜色

大多数网页使用不同的文本元素的颜色。 两个报头和链接在从主体文本不同的颜色通常是。

作为一个网页设计师,你应该知道的事实,你的访问者能够改变默认颜色的喜好。

如果你定义为您的网站元素(如标题和链接)的颜色,你也应该定义背景色。

注意 如果不定义背景颜色,你的网站可能最终得到的颜色一些非常糟糕的组合(如红色背景上的淡红色标题,或者更糟的是,在黑色背景上的黑色文本)。