开发支持屏幕读取软件的 Web 2.0 应用

核心提示： 其中， style="left:-200px; position: absolute; display: inline;"是为了在视图中隐藏此链接，开发支持屏幕读取软件的 Web 2.0 应用(4)，目的是不影响页面的视觉效果，这样，Skip to Navigation当一个

其中， style="left:-200px; position: absolute; display: inline;"是为了在视图中隐藏此链接，目的是不影响页面的视觉效果。这样，屏幕读取软件用户在使用左方导航条切换页面时，能够快速的定位到主体内容。

Skip to Navigation

当一个页面由若干个结构风格相似的 section 组成时，程序开发人员需要为每个 section 添加一个链接，这样屏幕读取软件用户就可以方便的跳转到他所关心的 section 中。

例如下图页面由 General Info, Hardware, Operating System, Software 四个 section 组成：

图 2. 多 section 的 Web 应用示例图

Web 应用开发人员需要在当前页面最上部添加四个链接：

清单 6. 添加 skip to navigation 链接 .
　<div　style="position:　absolute;　left:　-3000px;　width:　500px;">　
　　　<a　dojoattachevent="onclick:_onSkipActivation,　onfocus:_onFocusItem"　href="#">　
　　　　Skip　To　General　Info　
　　　</a>　
　　　<a　dojoattachevent="onclick:_onSkipActivation,　onfocus:_onFocusItem"　href="#">　
　　　　Skip　To　Hardware　
　　　</a>　
　　　<a　dojoattachevent="onclick:_onSkipActivation,　onfocus:_onFocusItem"　href="#">　
　　　　Skip　To　Operating　System　
　　　</a>　
　　　<a　dojoattachevent="onclick:_onSkipActivation,　onfocus:_onFocusItem"　href="#">　
　　　　Skip　To　Software　
　　　</a>　
　</div>