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 |
某些组合 - 像黑色和红色,黑色和蓝色,黄色和绿色 - 永远应变的眼睛:
红色背景上的黑色文本 |
蓝色背景上的黑色文本 |
绿色背景黄色文本 |
而有些组合是没有那么糟糕:
在灰色背景上的黑色文本 |
淡蓝色黑色文本 |
古色古香的白色黑色文本 |
深蓝色白字 |
永远设置背景颜色
大多数网页使用不同的文本元素的颜色。 两个报头和链接在从主体文本不同的颜色通常是。
作为一个网页设计师,你应该知道的事实,你的访问者能够改变默认颜色的喜好。
如果你定义为您的网站元素(如标题和链接)的颜色,你也应该定义背景色。
如果不定义背景颜色,你的网站可能最终得到的颜色一些非常糟糕的组合(如红色背景上的淡红色标题,或者更糟的是,在黑色背景上的黑色文本)。 |