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

核心提示： 例如下面的 One-page 的 Web 应用由四部分构成：上部全局任务条，左部导航条，开发支持屏幕读取软件的 Web 2.0 应用(3)，右部帮助区域以及中间主体部分：图 1. One-page Web 应用示例图整个页面的 html 结构为：清单 4.页面 html 结构 .<divc

例如下面的 One-page 的 Web 应用由四部分构成：上部全局任务条，左部导航条，右部帮助区域以及中间主体部分：

图 1. One-page Web 应用示例图

整个页面的 html 结构为：

清单 4.页面 html 结构 .
　<div　class="com-ibm-rqm-web-home"　dojoAttachPoint="_homepageArea">　
　　　<div　id="rqm-global-task-bar"　dojoAttachPoint="_globalTaskBarArea"></div>　
　　　<div　id="rqm-right-help-bar"　dojoAttachPoint="_rightHelpBarArea"></div>　
　　　<div　id="rqm-left-navigation-bar"　dojoAttachPoint="_leftNavigationBarArea"></div>　
　　　<div　id="content-area"　dojoAttachPoint="_contentArea">　
　</div>　

其中，发生变化的是中间主体部分 _contentArea，因此需要在页面顶部添加”Skip to main content”链接，使得屏幕读取软件可以直接跳转到主体部分：

清单 5. 添加 Skip to main content 链接 .
　<div　style="left:-200px;　position:absolute;　display:　inline;">　
　　　<a　id="_mainContentHref"　name="_mainContentHref"　
　　　dojoAttachPoint="_mainContentHref"　href=”#content-area”>　
　　　　Skip　to　main　content　
　　　</a>　
　</div>