无障碍工具条之盲人读屏功能配置

盲人读屏:适用于使用读屏软件的用户(主要是区域跳转,全键盘操作网页获取信息)

selector-1.png

按快捷键组合键Alt+H 进入盲人读屏工具条,再次按快捷键组合键Alt+H返回正常工具条状态。

selector-2.png

总共分6个区域跳转,分别导航区(alt+1),视窗区(alt+2),服务区(alt+3),交互区(alt+4),列表区(alt+5),正文区(alt+6)。

配置这6个区域功能文件在/canyou/js/site/localhost.js 这里,配置文件名localhost.js是根据网站域名来命名的,如果是根域名,带www的去掉www,如演示站点配置文件名就是/canyou/js/site/qqqao.com.js。所有页面盲人读屏功能都配置在这个文件里面,文件会自动解析匹配。

下面就详细描述每个区域如何配置。

导航区:快捷键组合键(alt+1),按此快捷键在导航区快速循环定位。导航区主要是网页的导航菜单(一般位于网页顶部)和 底部友情链接这块。

AriaSite["selNav"] = [
        { "selector": ".rrbay_body > div#page.page > header#home.header8 > nav.navbar.navbar-default > div.container", "content": "顶部导航,按tab键浏览" },         
];

selector-3.png

底部导航可能有二级三级比较复杂,可以参考

selector-4.png

{ "selector": ".rrbay_body > div.main > div.con > div.jv > div.diliu > div.gu", "content": "您已进入政府网站友情链接导航区,本区域包含中国政府网、xx民政府网站、xx民政府网站、各县(市、区)政府网站、县内网站导航导航区。按ctrl加向下键进入窗口,按tab键在浮动层遍历信息" },//一级导航

 { "selector": ".rrbay_body > div.main > div.con >  div.jv > div.diliu.footer_links > div.gu > ul.hd > li:nth-child(4)", "content": "tab标签,各县(市、区)网站,当前有浮动窗口,按ctrl加向下键进入窗口,按tab键在浮动层中遍历信息,按ctrl加向上键返回,按ATL加1键进入下一个导航区", "tabEvent": "mouseover", "tabContentSelector": ".rrbay_body > div.main > div.con > div.jv > div.diliu.footer_links > div.bd > ul:nth-child(4)"}, //二级导航

 { "selector": ".rrbay_body > div.main > div.con >  div.jv > div.diliu.footer_links > div.gu > ul.hd > li:nth-child(5)", "content": "tab标签,县内网站导航,当前有浮动窗口,按ctrl加向下键进入窗口,按tab键在浮动层中遍历信息,按ctrl加向上键返回,按ATL加1键进入下一个导航区", "tabEvent": "mouseover", "tabContentSelector": ".rrbay_body > div.main > div.con > div.jv > div.diliu.footer_links > div.bd > ul:nth-child(5)"}, //二级导航

这里主要注意"tabEvent": "mouseover",这个是根据原页如何触发二级导航这里面就填什么事件。支持"click","mouseenter","mousemove"等事件。

视窗区:快捷键组合键(alt+2),按此快捷键在视窗区快速循环定位。视窗区主要是网页首页热点新闻块(图片新闻,栏目新闻列表),也是配置内容最繁重的。

参考如下:

AriaSite["selInfoModel"] = [
  // 首页
{ "selector": ".rrbay_body > div.main > div.con > div.jv > div.diyi > div.zuo", "content": "轮播图,按tab键进入栏目,按tab键在浮动层中遍历信息,按ATL加2键进入下一个视窗区" },  

{ "selector": ".rrbay_body > div.main > div.con > div > div.diyi > div.you > div.fir > a:nth-child(1)", "content": "tab标签,政务要闻,当前有浮动窗口,按ctrl加下键进入窗口,按tab键在浮动层中遍历,按ctrl加向上键返回,按ATL加2键进入下一个视窗区", "tabEvent": "mouseover", "tabContentSelector": ".rrbay_body > div.main > div.con > div > div.diyi > div.you > div.er > div#tai0" },

{ "selector": ".rrbay_body > div.main > div.con > div > div.diyi > div.you > div.fir > a:nth-child(2)", "content": "tab标签,政声传递,当前有浮动窗口,按ctrl加下键进入窗口,按tab键在浮动层中遍历,按ctrl加向上键返回,按ATL加2键进入下一个视窗区", "tabEvent": "mouseover", "tabContentSelector": ".rrbay_body > div.main > div.con > div > div.diyi > div.you > div.er > div#tai1" },

{ "selector": ".rrbay_body > div.main > div.con > div > div.diyi > div.you > div.fir > a:nth-child(3)", "content": "tab标签,部门动态,当前有浮动窗口,按ctrl加下键进入窗口,按tab键在浮动层中遍历,按ctrl加向上键返回,按ATL加2键进入下一个视窗区", "tabEvent": "mouseover", "tabContentSelector": ".rrbay_body > div.main > div.con > div > div.diyi > div.you > div.er > div#tai2" },

{ "selector": ".rrbay_body > div.main > div.con > div > div.diyi > div.you > div.fir > a:nth-child(4)", "content": "tab标签,乡镇动态,当前有浮动窗口,按ctrl加下键进入窗口,按tab键在浮动层中遍历,按ctrl加向上键返回,按ATL加2键进入下一个视窗区", "tabEvent": "mouseover", "tabContentSelector": ".rrbay_body > div.main > div.con > div > div.diyi > div.you > div.er > div#tai3" },

{ "selector": ".rrbay_body > div.main > div.con > div.jv > div.dier", "content": "专题专栏,按tab键进入栏目,按tab键在浮动层中遍历信息,按ATL加2键进入下一个视窗区" },   
 { "selector": ".rrbay_body > div.main > div.con > div.jv > div.disan > div.bi > div.ka0 > div.zuo > div.xiaozuo", "content": "信息公开模块" },   

 { "selector": ".rrbay_body > div.main > div.con > div.jv > div.disan > div.bi > div.ka0 > div.zuo > div.xiaoyou > div.kde:nth-child(1)", "content": "重点领域信息公开,按ctrl加下键进入窗口,按tab键在浮动层中遍历,按ATL加2键进入下一个视窗区" },  

 { "selector": ".rrbay_body > div.main > div.con > div.jv > div.disan > div.bi > div.ka0 > div.zuo > div.xiaoyou > div.kde:nth-child(2)", "content": "政府信息公开,按ctrl加下键进入窗口,按tab键在浮动层中遍历,按ATL加2键进入下一个视窗区" }, 

{ "selector": ".rrbay_body > div.main > div.con > div.jv > div.disan > div.bi > div.ka0 > div.you > div.wu > div.shou > a:nth-child(1)", "content": "tab标签,公告公示,当前有浮动窗口,按ctrl加下键进入窗口,按tab键在浮动层中遍历,按ctrl加向上键返回,按ATL加2键进入下一个视窗区", "tabEvent": "mouseover", "tabContentSelector": ".rrbay_body > div.main > div.con > div.jv > div.disan > div.bi > div.ka0 > div.you > div.ko0 " },

{ "selector": ".rrbay_body > div.main > div.con > div.jv > div.disan > div.bi > div.ka0 > div.you > div.wu > div.shou > a:nth-child(2)", "content": "tab标签,政务五公开,当前有浮动窗口,按ctrl加下键进入窗口,按tab键在浮动层中遍历,按ctrl加向上键返回,按ATL加2键进入下一个视窗区", "tabEvent": "mouseover", "tabContentSelector": ".rrbay_body > div.main > div.con > div.jv > div.disan > div.bi > div.ka0 > div.you > div.ko1 > div.fiv " },
]; 

服务区:快捷键组合键(alt+3),主要是顶部和尾部联系方式等模块

AriaSite["selService"] = [
 { "selector": ".rrbay_body > div#page.page > footer.footer8 > div.container", "content": "网站底部,按tab键浏览" },
];

selector-5.png

交互区:快捷键组合键(alt+4),主要是网址页面搜索模块。

AriaSite["selInteract"] = [
{ "selector": ".rrbay_body > div.main > div.head > div.head_content", "content": "搜索" },
];

列表区:快捷键组合键(alt+5),主要是栏目页面,新闻或者信息列表模块。

{ "selector": ".rrbay_body > div#wrapper > div#main > div#sidebar> ul#nav", "content": "左侧列表" },

正文区:快捷键组合键(alt+5),主要是新闻详细页面,有标题,作者,时间和正文等模块。

AriaSite["selNewsBody"] = [
    { "selector": ".rrbay_body > div#page.page > header#home.header8 > div.intro.center-content > div.container > div.row > div#content", "content": "按tab键浏览" },
];

标签:网站信息无障碍 工具条 安装部署 适老化 无障碍工具条 无障碍网站 信息无障碍 盲人读屏