网页无障碍

http://wza.southcn.com/.m/turbowas/c.jsp

尊敬的用户:
欢迎进入无障碍通道。

为贯彻落实《无障碍环境建设条例》(国务院令第662号)的精神,积极创造无障碍环境,保障残疾人等社会成员平等参与社会生活,引导全社会共同营造充满友爱,共享信息的社会氛围,根据《信息无障碍身体机能差异人群网站设计无障碍技术要求》等相关标准,本网站实现了支持残疾人及特殊环境条件下的健全人的无障碍通道功能。

信息无障碍
所谓的信息无障碍是指无论健全人还是残疾人、无论年轻人还是老年人都能够从信息技术中获益,任何人在任何情况下都能平等地、方便地、无障碍地获取信息、利用信息。
网页无障碍
所谓的网页无障碍是指残疾人、有特殊需求的健全人可以获取网络上的任何信息,为了做到这一点,就要实现网页内容无障碍以及上网使用的辅助软件技术的无障碍。

无障碍功能

本网站主要实现了以下无障碍版本和功能:

一、读屏专用版
按下快捷键ctrl+shift+1键,进入该版本。
本功能版本适用但不限于使用读屏软件等辅助软件的用户,它在基本保持原网页布局效果上,为拥有读屏软件等辅助工具的用户提供完整网站内容和便捷的操作。
读屏专用版主要是在网页添加了智能盲道功能。所谓智能盲道是指通过本系统提供的网页内容区块划分、标注以及自定义快捷键功能对网页信息进行内容归类和标注,使用户通过读屏软件(如:永德,争渡等)并使用系统自定义快捷键能快速定位并读取网页内容区块信息,从而快速方便地获取网页内容。
读屏专用版提供以下快捷键操作:
1. 进入辅助浏览版,快捷键:ctrl+shift+2
2. 进入语音导航版,快捷键:ctrl+shift+3
3. 提供页面前进功能(快捷键:shift+→)、页面后退功能(快捷键:shift+←)
4. 提供页面刷新功能(快捷键:shift+9)。即重新载入当前页面。
5. 提供页面重置功能(快捷键:shift+0)。即页面初始化,用户在使用辅助功能更改页面后,单击重置按钮,可将页面恢复到页面初始状态,即默认状态。
6. 提供退出无障碍通道功能(快捷键:shift+esc)。即回到普通版网站首页。
7. 提供无障碍网站导航功能(快捷键:shift+n)(暂未开通)。
8. 提供无障碍通道帮助功能(快捷键:shift+?),包括无障碍读屏专用版,辅助浏览版和语音导航版的功能及快捷键操作说明。
9. 提供无障碍工具条的隐藏/显示开关功能(快捷键:ctrl+shift+h)。
10. 提供页面区块快捷键导航功能:内容区块遍历:快捷键ctrl+[n],n是指页面内容区块序号,如1,2,…9。内容区块内的栏目分组:快捷键ctrl+z顺序遍历,快捷键ctrl+shift+z倒序遍历
二、辅助浏览版
按下快捷键ctrl+shift+2键,进入该版本。
本功能版本适用但不限于需要视觉增强和辅助,以及认知辅助(文化障碍语音辅助)的用户,它在线提供多种视觉增强辅助效果,同时对于需要文化认知辅助的用户提供了帮助,可在线听读。
辅助浏览版提供以下功能和快捷键操作:
1. 进入读屏专用版,快捷键:ctrl+shift+1
2. 进入语音导航版,快捷键:ctrl+shift+3
3. 提供无障碍纯文本转换模式(快捷键:shift+1)。将网页中的图像等非文本内容转化成文本,并以线性化的显示方式从上到下显示,以满足不同访问人群的要求。进入纯文本模式后可以通过点击“切换为图文模式”开关按钮返回正常模式。
4. 提供控制页面大小功能(页面放大:快捷键shift+2, 页面缩小:快捷键shift+3)。网站浏览者可根据自己的需求自行调整网页界面的大小,界面放大是将网站当前页面显示比例放大,界面放大后网页内容也会随之变大; 界面缩小是将网站当前页面显示比例缩小,界面缩小后网页内容也会随之变小。
5. 提供页面换色功能(向前选择配色方案:快捷键shift+alt+1, 向后选择配色方案:shift+alt+2)。将当前网页的前景内容、链接,以及背景色对比换成适合弱视用户能够清晰访问的白底黑字蓝链接,蓝底黄字白链接,黄底黑字蓝链接,黑底黄字白链接等模式,为弱视用户访问网页内容提供了帮助。
6. 提供辅助线功能(快捷键:shift+4)。本站提供的辅助线是横竖两条红色的基准线,为视觉障碍用户校对阅读位置提供了帮助。
7. 提供显示屏字幕显示功能(快捷键:shift+5)。显示屏用来呈现当前鼠标下的文字,它能够根据文字的个数选择大小合适的文字,便于更加清楚地阅读。
8. 提供语音开关(快捷键:shift+6)、音量调节(音量增大:快捷键shift+alt+3, 音量减小:快捷键shift+alt+4)、语速调节(语速增快:快捷键shift+alt+5, 语速减慢:快捷键shift+alt+6)等功能。语音开关是开启和关闭语音的功能。音量调节功能是根据环境的需求,将其设为五个等级,分别是等级1至等级5,等级1音量最低,等级5音量最大,默认音量设置为最大值等级5。语速调节功能是根据人的听力需求,将其设为三个等级,分别是等级1至等级3,等级1语速最慢,等级3语速最快,默认语速设置为中等语速等级2。
9. 提供指读功能(快捷键:shift+7)和连读功能(快捷键:shift+8)。指读是指对鼠标指示的页面文字、图片等内容进行朗读的方式。连读是对页面信息连续朗读的方式。需要连读时把鼠标指向需要朗读的开始位置,系统将自动从该位置开始朗读,直至网页信息全部朗读完毕,需要暂停时点击暂停按钮,需要恢复时点击播放按钮。暂停、播放以及连读按钮为同一个按钮在不同状态时显示的不同图标。
10. 提供页面前进功能(快捷键:shift+→)、页面后退功能(快捷键:shift+←)
11. 提供页面刷新功能(快捷键:shift+9)。即重新载入当前页面。
12. 提供页面重置功能(快捷键:shift+0)。即页面初始化,用户在使用辅助功能更改页面后,单击重置按钮,可将页面恢复到页面初始状态,即默认状态。
13. 提供退出无障碍通道功能(快捷键:shift+esc)。即回到普通版网站首页。
14. 提供无障碍网站导航功能(快捷键:shift+n)(暂未开通)。
15. 提供无障碍通道帮助功能(快捷键:shift+?),包括无障碍读屏专用版,辅助浏览版和语音导航版的功能及快捷键操作说明。
16. 提供无障碍工具条的隐藏/显示开关功能(快捷键:ctrl+shift+h)。
三、语音导航版
按下快捷键ctrl+shift+3键,进入该版本。
本功能版本适用但不限于盲人用户,它在线提供语音播报和快捷键导航操作,可以让用户方便地按照语音提示通过快捷键操作在网站内容间切换并通过语音朗读功能听取网站信息内容,从而为用户正常获取信息提供了方便。
语音导航版提供以下快捷键操作:
1. 进入读屏专用版,快捷键:ctrl+shift+1
2. 进入辅助浏览版,快捷键:ctrl+shift+2
3. 提供页面前进功能(快捷键:shift+→)、页面后退功能(快捷键:shift+←)
4. 提供页面刷新功能(快捷键:shift+9)。即重新载入当前页面。
5. 提供页面重置功能(快捷键:shift+0)。即页面初始化,用户在使用辅助功能更改页面后,单击重置按钮,可将页面恢复到页面初始状态,即默认状态。
6. 提供退出无障碍通道功能(快捷键:shift+esc)。即回到普通版网站首页。
7. 提供无障碍网站导航功能(快捷键:shift+n)(暂未开通)。
8. 提供无障碍通道帮助功能(快捷键:shift+?),包括无障碍读屏专用版,辅助浏览版和语音导航版的功能及快捷键操作说明。
9. 提供无障碍工具条的隐藏/显示开关功能(快捷键:ctrl+shift+h)。
时间: 2024-10-07 01:18:16

网页无障碍的相关文章

网页无障碍测试

Web Content Accessibility Guidelines (WCAG) 2.0中文翻译 信息无障碍 - 可访问性测评标准 Functional Accessibility Evaluator 2.0网站使用起来不方便,推荐其Firefox插件AInspector WCAG 原文地址:https://www.cnblogs.com/fanfeng/p/10407606.html

也让盲人拥抱互联网

中国盲人人数已经超过了600万,平均每200多人中就有一位是盲人,这个规模还是相当庞大的.由于视觉障碍,盲人同这个世界的交集小了很多,但互联网的的发展为他们打开了一扇与更多人交流的窗口. [图片取自网络 - 吴铸上网只需要键盘.音响和麦克] 这个窗口的开关掌握在我们工程师手中!我们有义务也有责任为他们开窗! 一.上网的盲人用户和统计方式 盲人中真正有条件并且会上网的有多少呢?我们一开始就遇到了一个难题:如何判断用户是盲人用户? 视障人士主要通过读屏软件来获取网页信息,苹果的产品自带 VoiceO

无障碍网页设计(WCAG2.0)

无障碍化是指无论健全人还是残疾人,年轻人还是老年人都可以平等地获取互联网上的信息和服务.无障碍化网站建设不单可以增加网站的受益群体,更是一个有情怀.有担当的互联网企业的责任,也是一个互联网从业人员应该关注到的一个方面. 无障碍化受益人群: 普通人 普通网站用户:文化背景和习惯与主流用户不同的用户:老年人或儿童等用户:无障碍化可使得用户更轻松地使用网站服务,降低使用.学习和理解的成本. 视力障碍用户 主要包括盲人.低视力.色盲.色弱等用户.针对这部分用户所做的信息无障碍化是最通用和最具有代表性的,

译文 对无障碍网页应用(ARIA)的选择

//本文编辑格式为Markdown,译文同时发布在众成翻译 对无障碍网页应用(ARIA)的选择 让网站对每个人都能访问是一件相当艰难的工作,尤其是在我们使用自定义标记解决方案(custom markup solutions)的那些日子.我很高兴#a11y(可访问性的简称)的话题最近获得了越来越多的关注,因为#a11y没有什么好的,但是正如James Williamson今天发布的twitter: 我们对提高可访问性最大的误解是认为那是在帮别人,但是你错了,这是你的职责.(The biggest

WAI-ARIA无障碍网页应用属性完全展示

一.你至少应该知道ARIA是什么东西! WAI-ARIA指无障碍网页应用.主要针对的是视觉缺陷,失聪,行动不便的残疾人以及假装残疾的测试人员.尤其像盲人,眼睛看不到,其浏览网页则需要借助辅助设备,如屏幕阅读器,屏幕阅读机可以大声朗读或者输出盲文. 而ARIA就是可以让屏幕阅读器准确识别网页中的内容,变化,状态的技术规范,可以让盲人这类用户也能无障碍阅读! 二.为什么需要ARIA? 回答标题问题前我先问其他几个问题? 如何让盲人用户知道当前浏览区域就是网站主导航? 如果让盲人用户知道点击某个按钮后

WAI-ARIA无障碍网页资料

一.ARIA是啥? WAI-ARIA指无障碍网页应用.主要针对的是视觉缺陷,失聪,行动不便的残疾人以及假装残疾的测试人员.尤其像盲人,眼睛看不到,其浏览网页则需要借助辅助设备,如屏幕阅读器,屏幕阅读机可以大声朗读或者输出盲文.而ARIA就是可以让屏幕阅读器准确识别网页中的内容,变化,状态的技术规范,可以让盲人这类用户也能无障碍阅读! 虽然HTML5的出现大大增强了网页的可访问性和无障碍阅读,但是,其不是万能的,例如无法让盲人知道模拟控件的类型等.所以ARIA才显得更加重要. 其次,ARIA规范一

无障碍网页应用技术了解

一.概述 引自下百度百科的定义: WAI-ARIA, 是Web Accessibility Initiative - Accessible Rich Internet Applications 的缩写,指无障碍网页应用技术.她主要解决的一个问题:让残障人士能无障碍地访问网页上的动态内容. 概括性的描述下就是 ARIA是W3C的一个独立规范,帮助Web应用程序和Web页面变得更具可访问性 ARIA主要是为了提升网页的可用性,网页对残疾人士的无障碍化 HTML5已经开始使用ARIA,并且W3C发布的

Bootstrap学习遇到的role属性--- 无障碍网页应用属性

以前接触过Bootstrap,但也只是仅仅接触,现在重新学习下,今天看到一个例子中的属性有一个role, 查阅资料发现这个是--WAI-ARIA无障碍设计属性: 通俗说是该设计为了一些盲人,失聪,残疾人士而设计的: 深入了解: http://www.zhangxinxu.com/wordpress/?p=2277 --感慨: 大神整理出来的东西好全..... Ps: https://w3c.github.io/html/ w3c html -->   3.2.7.4. Allowed ARIA

PHP微信公众号JSAPI网页支付(下)

上一篇<a id="cb_post_title_url" class="postTitle2" href="http://www.cnblogs.com/hld123/p/6626323.html">PHP微信公众号JSAPI网页支付(上)</a>中讲到了公众号平台的相关设置以及支付的大致流程. 这一篇重点讲支付后,异步接受回调通知,以及处理后同步通知微信服务器. 首先梳理下整个jsapi支付的流程 1.网页授权获取用户o