“上海司法行政网”无障碍说明
第一节 告知
亲爱的朋友:
“上海司法行政网”无障碍改造项目经过半年多的紧张实施,今天终于上线和您见面了。
“上海司法行政网”无障碍改造是实施《迎世博600天行动计划》和《创建残疾人工作示范城》信息无障碍建设目标的项目之一,是政府为缩小数字鸿沟,建设信息无障碍城市,让视障朋友平等参与城市生活,同时更好为视障人群提供服务的重要举措。
“上海司法行政网”无障碍改造是依据国内外通用网站无障碍设计规范,对网站进行的全新构建。根据信息产业部《信息无障碍
身体机能差异人群 网站设计无障碍技术要求》的相关标准为技术依据,网站无障碍通道本次改造达到了《信息无障碍
身体机能差异人群 网站设计无障碍技术要求》相关标准等级1及部分等级2的要求。
本次网站无障碍功能设计集合多种先进技术,对网站无障碍的难点进行重点攻克;同时项目小组经过反复摸索实践设计出一套优化的页面跳转与信息快捷获取方案,配合主流读屏软件,实现了强化级别的无障碍访问。相信这些都将极大提升视障朋友的上网体验。
“上海司法行政网”此次无障碍改造项目的上线仅仅是开始,是初步的尝试,相信还存在诸多不足。我们非常希望视障朋友能踊跃参与进来,为进一步完善“上海司法行政网”信息无障碍多提宝贵意见和建议。让我们共同打造信息无障碍环境,建设“更好的城市”,让每个人都享有“更好的生活”。
“上海司法行政网”
2010年3月1日
第二节 “上海司法行政网”无障碍改造范围
“上海司法行政网”此次无障碍改造项目按照“信息无障碍-身体机能差异人群-网站设计无障碍技术要求”通信行业标准,对网站进行部分改造,包括如下内容:
l
网站首页改造
对图片、链接、操作控件添加文字说明;提供快捷键快速定位功能;修改网页代码,使Tab键能切换到网站的所有功能;规范网页书写代码,对一些网页设计元素进行处理。
l
建立无障碍通道
建立无障碍通道,为视障人士浏览网页开辟一条捷径。建立无障碍通道是在不影响网站原有风格、布局以及对于健全人访问和浏览的情况下,构建无障碍网站最直接的方法。无障碍通道主要以文字和声音两种方式向视障人士传达信息。无障碍通道包含栏目:司法行政要闻、通知公告、政府信息公开、无障碍说明。
l
研发无障碍辅助工具条
网页中提供无障碍辅助工具条,弱视网民在浏览网页时可以根据自己的意愿进行字号、对比度、界面灰度、辅助线、界面大小的调整,以最大限度的满足弱视网民浏览网页的需求。
第三节 问题和帮助
l
盲人如何使用司法行政网无障碍功能
“上海司法行政网”建立了专门的“无障碍通道”,从网站首页头部第三个按钮进入。“无障碍通道”参照无障碍技术标准建设,盲人朋友可以使用主流读屏软件得到很好的上网体验。具体的页面跳转、信息快捷获取等操作见“无障碍操作说明”。
l
视力障碍人士如何使用司法行政网无障碍功能
其他视力障碍人士可通过专门的“无障碍通道”使用本网站。另外“上海司法行政网”专门研制了“无障碍辅助工具条”为视力障碍人士提供使用本网站的助手。“无障碍辅助工具条”的操作见“无障碍操作说明”。
l
健全人士如何使用“上海司法行政网”
“上海司法行政网”的无障碍改造不影响网站正常的浏览、使用。健全人士如有需要也可使用相关快捷操作、“无障碍辅助工具条”。
第四节 无障碍操作说明
说明:除网站辅助浏览功能根据不同浏览器版本显示相应功能外,本网站支持当今各大主流浏览器,在各大浏览器中均能看到良好效果,本网站所有功能在IE下运行效果最佳。
l
无障碍功能一:无障碍强化导航功能
本站不仅实现了所有访问操作可以不依赖于鼠标,仅用键盘操作就可以的完成全站内容访问的基本无障碍操作功能,还实现了快速栏目跳转,快速功能区域跳转等强化导航功能。
1.
基本操作功能:全网页面都可以可用键盘操作,使无法使用不限于鼠标的用户也可以无障碍地访问网页内容。
2.
栏目跳转功能。此功能在页面的栏目分组间进行切换;可以在首页等页面内容区域较多的网页内各个内容区块的跳转。
3.
区域跳转功能:功能区跳转快捷键可帮助用户使用快捷键快速到达主要内容区,顶部导航区,左边导航区,底部内容区,中间内容区等不同页面区块中,实现快速浏览。
4.
快捷键设置及操作
4.1、栏目跳转:
1) 栏目分组跳转快捷键:IE6使用快捷键(Alt+Z);IE8及其它浏览器使用快捷键(Ctrl+Z);
2) 栏目分组逆向跳转快捷键:IE6使用快捷键(Shift+ Alt+Z);IE8及其它浏览器使用快捷键(Ctrl+Shift+Z);
3) 首页指定栏目跳转:
|
栏目名称
|
快捷键
|
|
图片新闻
|
w
|
|
司法行政要闻
|
m
|
|
网上办事
|
b
|
|
通知公告
|
g
|
|
政府信息公开
|
x
|
|
网上服务
|
f
|
|
查询服务
|
r
|
|
互动交流
|
h
|
|
司法行政直通车
|
d
|
|
司法行政业务树
|
s
|
|
电子信箱
|
e
|
|
访问统计
|
v
|
4.2、区域跳转:
1) 跳转到主要内容区快捷键: IE6使用快捷键(Alt+M);IE8及其它浏览器使用快捷键(Alt+Ctrl+M);
2) 跳转到顶部导航区快捷键:IE6及其它浏览器通用快捷键(Alt+K);
3) 跳转到正文区域快捷键:IE6使用快捷键(Alt+C);IE8及其它浏览器使用快捷键(Alt+Ctrl+Shift+C);
4) 跳转到左部内容区快捷键:IE6使用快捷键(Alt+L);IE8及其它浏览器使用快捷键(Alt+Ctrl+Shift+L);
4.3、通过区域跳转快捷键和栏目跳转键,跳转到指定区域后,可以直接使用Tab键阅读本区域的链接,或使用向下方向键阅读本栏目内容,无须使用读屏软件自带的阅读功能。
l
无障碍功能二:无障碍辅助工具条的操作
网站浏览辅助工具包括无障碍纯文本显示模式转换,文字大小控制、开启高亮度显示、开启辅助线显示、页面缩放控制等功能,使用户能够更清晰准确的在网页中获取信息。
1、可通过快捷键Alt+J关闭和开启“无障碍辅助工具条”。“无障碍通道”中“无障碍辅助工具条”一直开启。
2、文字大小控制:文字大小控制按钮可以与调整网页的字体大小,包括中等字体、大型字体、超大字体、还原字体等功能,该按钮缺省状态为“中等字体”,通过点击该按钮改变页面的字体大小和按钮状态。按钮状态改变顺序为:中等字体—大型字体—超大字体—还原(中等)字体。
3、高对比度:将当前页面网页的前景内容和背景的颜色对比调到最大,为弱视用户能够清晰地访问网页内容提供了帮助。
4、辅助线:提供了横竖两条红色的基准线,为视力障碍用户校队阅读的位置提供了帮助。
5、界面灰度:将网站当前显示内容文字与背景对比度提高。
6、界面放大:将网站当前显示比例页面放大,界面放大后网页内容也会随之变大;
7、界面缩小:将网站页面显示比例缩小,界面缩小后网页内容也会随之变小;
l
无障碍功能三:为屏幕阅读器软件读取网站内容提供完备的支持。
1、网站采用最先进的有含义的标记方式,使屏幕阅读器软件使用者能够从中获得完整辅助语音支持。使用符合无障碍标准屏幕阅读器软件的使用者还可以区分标题,菜单子项数目等强化辅助提示。
2、有含义图片提供了替代文字说明,消除了屏幕阅读器软件用户无法阅读图片信息的障碍。
3、所有链接均添加提示文字,使屏幕阅读器软件用户使用Tab键跳转到链接时,很容易地理解链接的目标。
4、为网页中内嵌网页提供了相应的说明标题并提供了键盘访问功能,使屏幕阅读器软件用户可以准确理解内嵌网页的主题,并可无障碍地访问网页的内容。
5、为增强的导航功能提供了相应的语音提示和可选键盘操作功能。