阅读笔记《创建高可用性的Web内容》
Web可用性的10条原则
- 避免对用户的物理、精神和感知能力做任何假设。
- 用户只有发送和接受文本的技术,这是你要做的所有假设
- 用户的资源属于用户(时间或者能力),不属于我们。不要试图支配用户的资源
- 为非文本内容提供文本
- 使用使用最广泛的技术
- 清晰的语言
- 易用、可搜索、可导航
- 基于语义设计
- 如果需要使用新的特性来改进内容,那么请同时允许那些不愿使用这些特性的人轻松地切换使用老特性
- 对于新的Web技术,同样使用这些原则使他具有高可用性
为什么需要可用性
- 2000年 美国1/8 的人有严重残障,web对于他们更具吸引力。 (中国的数据是多少?)
- 老人对高可用性网站的需求
- 对于正常人来说也有不太明显的易用性问题
- 法律,社会等原因
- 可以提升设计者与开发者的能力。。
有哪几种残障:
- 视觉障碍:
- 失明(VA<20/200,)和弱视(VA < 20/70),工具一般是屏幕阅读器 或 屏幕放大镜。
- 颜色和对比度缺陷
- 感光症癫痫:有些人暴露在特定的重复图案或闪烁下时,会引发感光症癫痫。
- 听觉障碍:(主要是为依赖声音的地方提供视觉信息,如字幕,文本)
- 失聪
- 听觉困难
- 行动障碍
- 认知障碍
- 感知紊乱
- 处理紊乱
- 多重障碍
Web可用性的开发
开发过程中各个角色都有对应的可用性需求,并承担相应的可用性责任。包括
- 项目干系人(产品经理)
- 内容作者(运营)
- 用户界面设计师(交互设计师)
- 视觉特性设计师(视觉设计师)
- 基础结构开发者(前端开发,后台开发)
- 可用性协调员:确保环境的所有方面,不论物理的,程序上的还是虚拟的,都能被残障人士使用。
网站的的可用性不仅仅是设计师的问题,要提高网站的可用性,规划,内容,设计,开发的所有角色都要有可用性意识,并承担可用性职责
可用性途径
做好可用性计划,从一开始就做好可用性的规划,可以降低开发成本
多种访问途径
指导方针
W3C 发起的WAI(Web Accessibility Initiative, Web 可用性倡议)
WAI 发布的 WCAG(Web Content Accessibility Guidelines 1.0, Web 内容可用性指导方针1.0)
美国胡康复法案(Rehabilitation Act of 1973)的第508节,Section 508
其他 W3C编制的 政策链接列表 http://www.w3.org/WAI/Policy/
可用性测试
提到的一些工具
- Firefox Accessibility Extension (FAE)
- Web 标准验证 Markup Validation Service
- CSS 验证服务 CSS Validation Service
- Feed 验证服务 Feed Validation Service
- 退化测试
- 遵从性测试
- 媒体测试工具
- 屏幕阅读器
- 商业测试工具
页面结构
创建有意义的结构,如阅读顺序,从故事板板开始设计,使用微格式
简单就是美:可读性,术语,成语,缩写
语义化的标签
新技术与可用性
CSS3中的语音模块 (Speech Module)可以定义屏幕阅读器的“样式”如:
a {
voice-family:female;
cue:url(linksound.aiff);
}
可以以将链接之前播放 linksound.aiff 声音,并用女声来阅读。
还还一些如
voice-channel:left
voice-volume:soft
voice-stress:moderate
voice-pitch:high
voice-rate:slow
等等,会提升屏幕阅读器用户的体验。 受益的可能不仅仅是视障用户了

February 2nd, 2010 at 10:38 am
[...] 今天在google搜索相关内容时,发现一位淘宝网的朋友前不久也写了一篇《Design accessible web sites》的学习笔记,不过他的是简明提纲版的,我的blog更新得比较慢(自己比较懒),急着看完的看官可以去他的blog看看,所以上来一个链接maxbbn>>阅读笔记《创建高可用性的Web内容》 Tagged as: UED用户体验, 可用性 No Comments Comments (0) Trackbacks (0) ( subscribe to comments on this post ) [...]
February 2nd, 2010 at 11:30 am
hey!看了你的这篇笔记,很巧刚好我也在写这本书的学习笔记,可以交流一下哈。