阅读笔记《创建高可用性的Web内容》

Web可用性的10条原则

  1. 避免对用户的物理、精神和感知能力做任何假设。
  2. 用户只有发送和接受文本的技术,这是你要做的所有假设
  3. 用户的资源属于用户(时间或者能力),不属于我们。不要试图支配用户的资源
  4. 为非文本内容提供文本
  5. 使用使用最广泛的技术
  6. 清晰的语言
  7. 易用、可搜索、可导航
  8. 基于语义设计
  9. 如果需要使用新的特性来改进内容,那么请同时允许那些不愿使用这些特性的人轻松地切换使用老特性
  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/

可用性测试

提到的一些工具

页面结构

创建有意义的结构,如阅读顺序,从故事板板开始设计,使用微格式

简单就是美:可读性,术语,成语,缩写

语义化的标签

新技术与可用性

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

等等,会提升屏幕阅读器用户的体验。 受益的可能不仅仅是视障用户了

Tags: , ,

2 Responses to “阅读笔记《创建高可用性的Web内容》”

  1. WEB可用性学习 « I'm banum Says:

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

  2. Banum Says:

    hey!看了你的这篇笔记,很巧刚好我也在写这本书的学习笔记,可以交流一下哈。

Leave a Reply