用镜头记录,用心灵体验 | 订阅本站 | 所有笔记 | 亲和力设计 | 流量

DB2 学习笔记

博客话题:DB2,Linux,Web,业余无线电,户外,摄影,截拳道,Thankpad,其他

亲和力设计|Site Tips

本站的使用技巧,也是本站亲和力声明

快捷键

大部分的浏览器都支持用网站上定义的按键来跳到特定的链接。在 Windows 上的话,你可以按下 ALT + 某个快捷键;在 Macintosh 上的话,你可以按下 Control + 某个快捷键。

本站首页和所有的索引页面都定义了下列的快捷键:

  1. 快捷键 1 - 首页
  2. 快捷键 3 - 站点地图
  3. 快捷键 4 - 搜索
  4. 快捷键 0 - 本帮助页面

内容导航

  1. 所有的页面都有 rel=previous, next 和home 链接,来协助纯文字浏览器导览。Netscape 6 和 Mozilla 的使用者也可以从显示菜单、显示/隐藏,网站导览列、只在需要的时候显示(或永远显示)来启用这个进阶功能。
  2. 站内文章按照两种方式进行索引:主题分类(Categories)和发布日期(Monthly)。
    无论在首页(Home)、索引页,还是具体文章(Entry),使用者都可以切换到与当前上下文相关的另一种浏览方式。
  3. 首页以及所有的索引页都有一个搜索对话框(快捷键 4 )。
  4. 每篇文章的标题均使用H3 标签,段落标题按层次使用H4、H5、H6 标签,并在文章开头显示为可点击的目录索引。
  5. 站内所有页面在网站标题下面包含了导航文字与连接,提示使用者当前的位置。
  6. 提供了能够一步到达网站所有链接的索引页
  7. 本站内遇到无效链接错误(404),会显示给访问者一个额外设计的帮助页面,尽力引导访问者寻找所需内容。
  8. 站内链接均不新弹出窗口。如果需要新弹出窗口浏览,请使用鼠标右键选择“在新窗口中打开”,或者按住“Shift”键的同时用鼠标左键点击链接。
  9. 所有的页面都有隐藏的链接,用于引导非视觉访问者快速定位内容。

视觉设计

  1. 整站使用了层叠样式表单(CSS)来处理视觉排版。
  2. 网页仅使用相对字体大小,使用者可以使用浏览器自由调整屏幕字体显示尺寸,快捷键: CTRL +/-/0。
  3. 如果你的浏览器或浏览装置完全不支持样式表CSS的话,每一页的内容仍旧可阅读。
  4. 通过搜索引擎到达的页面,搜索所用关键词将被高亮显示,并自动加入站内搜索框,支持互联网上流行的主要搜索引擎。
  5. 为打印版本提供额外的设计,隐藏站台Logo、导航文字、底注、边栏,以及一切非主要信息。
  6. 为手持设备、PDA等提供额外的视觉设计(Coming soon)。

参考资源

  1. 本站在设计过程中,参考了“网站深入亲和力设计”,这里是原始英文版本:Dive Into Accessibility
  2. 高亮搜索引擎关键词,使用了Scott Yang 的工作成果:Search Engine Highlight Javascript 。
  3. 本站使用著名的免费Weblog 系统Movable Type 搭建,实现网站内容和表现的分离。

my email address in picture

搜索|Search

按月归档|By Month

2009
07
2008
11
10
07
05
04
03
02
01
2007
12
10
07
06
05
04
03
02
01
2006
12
11
10
09
08
07
06
05
04
03
02
01
2005
11
10
09
08
07
04
03
2004
12
11
10
09
08
07
06
05
04
03
02
01
2003
12
10
09
08
06
2002
09
08
04
03
02
2001
12
09
07
06
05

我读|My Books

Creative Commons License
This blog is licensed under a Creative Commons License.
Movable Type 4 Logo