[运用代理技术实现互联网网页信息无障碍]无障碍通道尺寸

　　摘要：互联网网页信息无障碍，是通过代理方式实现全网网页信息无障碍的一项新技术。对用户通过服务器访问的目标网站的网页在服务端进行处理，使之本地化供用户浏览的网页，并在客户端实现页面可见元素视觉无障碍，实现网页客户端文字信息语音服务，网页元素可以键盘操作。
　　关键词：互联网网站代理网页信息无障碍语音服务键盘操作
　　
　　一、 引言
　　目前，全球残疾人总数为六亿，我国残疾人总数为8300万人，其中视力低下人群约1600万（含1200万盲人）。人类社会已经进入了一个信息化的时代，计算机和因特网已经成为人们日常生活、学习和工作的重要组成部分。越来越多的信息和服务通过网络来传递，为人们获取信息和交流信息提供了极大的便利。因而信息平等是信息社会中人人平等的基础。所谓信息平等就是人人能够平等地获取、存贮、使用、传送同等意义上的信息，而实现信息无障碍则是信息平等的核心话题。
　　二、本设计的主要思想
　　互联网网页信息无障碍代理技术，是一站式互联网网页信息无障碍解决方案。它是在参照现有的W3C组织网页信息无障碍标准进行研究，同时，充分调研目前国际上现有的网页信息无障碍技术和经验。
　　根据W3C组织对网页信息无障碍的要求，必须达到可感知、可理解、可操作和健壮性，同时，要注意和第三方代理的兼容性。在可感知性方面，要有颜色和字体大小、网页大小变化和放大镜的支持，来帮助视力低下人群清晰看见网页信息；同时，在支持盲人操作的时候，要告知用户网页打开与关闭，目标信息的内容，以帮助其正常操作。在可理解方面，做到标识颜色统一，语音提示目标对象统一，技术语言的口语化等。可操作性方面，做到支持鼠标和键盘的多种操作方式。健壮性方面，是对软件的稳定性要求，以免造成再次障碍。
　　目前，国际上现有的网页信息无障碍功能和技术大致如下。在功能方面，主要实现有网页大小和颜色的变化，语音阅读、盲人键盘操作和语音识别与行为识别四种。在网页大小和颜色变化方面，主要是帮助视力障碍人群阅读网页信息。在视力障碍分类中有：老花、近视、色盲和色弱等多种情况，利用网页大小和颜色的同步变化帮助他们消除障碍。在语音支持方面，主要是帮助文化低下和视力弱以及盲人获取信息，帮助他们解决对不认识的文字认知，也能够帮助视力低下的人群眼球获得休息，也使得盲人因视力原因无法获取信息得到补偿。在网页支持键盘操作方面，主要解决盲人无法操作鼠标的问题，同时，为脑瘫等手无法控制鼠标的障碍。
　　互联网网页信息无障碍代理技术，是针对网络网页一站式无障碍的解决方案。在具体需求设计时对已有的技术和要求进行充分调研和细致的考虑，并对相关的技术实现原理以及技术瓶颈和局限性进行深入理解和挖掘，来达到一站式网络网页信息无障碍技术的实现。
　　在技术主要解决如何利用脚本语言在浏览器下运行，通过对网页元素改变，使得网页界面发生变化；用户的交互信息与服务器及时通信，语音生成与传输播放；键盘对网页可操作。全面介绍利用代理方式，实现全网网页信息无障碍。
　　三、 设计的创新及特点
　　模式一：通过代理访问，实现全网网页信息无障碍
　　在实现该技术时考虑到用户只需通过代理，便可以无障碍访问互联网所有的网站网页信息。
　　首先需要实现的是代理访问技术，这就需要使用服务端语言来完成。目前，天路使用的服务端语言是php,因为该语言处理字符串方便，容易实现对访问网页的再加工。
　　同时，为了使利用该技术在浏览网页时不影响网页加载的速度，从而选择了子框架（iframe）加载页面方法，因为iframe加载页面和“天路”系统所在的父页面是异步加载关系。
　　其次，为了实现代理网页变色、网页字体大小改变，网页缩放等功能，且不改变原有网页的结构。根据这一需求，考虑使用javascript，因为javacript可以动态操作HTML节点且操作极其方便。
　　至此，天路已完成了全网代理访问和被代理的网站网页，在浏览器下运行，实现网页信息无障碍的页面样式变化的功能。
　　模式二：实现访问页面信息及时语音阅读
　　要想网页中文字能够发出声音，只有媒体才能够做到，如mp3等格式的音频文件。也就是说只有将文字数据转为音频数据，通过播放才能发声。
　　1），要把文字数据在服务端转成音频文件，并能及时在客户端进行播放，这里就要解决音频生成和音频的流媒体播放形式。根据查阅资料关于文本合成语音的技术（TTS）,目前具有开源的语音合成引擎内核有微软、科大两家语音公司。根据它们的提供开发手册与实例，结合“天路”需求，在服务器端完成了语音合成功能，并实现了生成媒体文件后提交给页面完成朗读功能。
　　2），完成页面文字信息向服务器语音生成程序提交。在用户页面上，用户操作是随意的，需要转换的数据是动态变化的，多人多种并发的几率很高。为此，要将文字信息向服务器合理的传输量分片分段，并根据实际播放状态进行传输。这样，大大减少了文字数据向服务器的传输，也相应减少了语音引擎的工作量和向客户端传输音频文件的数量。对服务器、TTS和带宽都有很大的帮助，使其运行更加稳定。
　　3），动态改变音频格式，尽可能将音频文件变小，提高传输效率。提高访问速度，完美用户体验。因为，现有的TTS生成的音频文件是WAV格式，文件大，网络传输利用此方式不易支持广泛群体。相比较WAV，mp3体积小，效果相当，压缩无大失真，再次压缩文件空间很大。依此，天路采用了格式转化，即将体积降至十分之一，再次压缩又降了十分之四，总体大小只占原文件的百分之四。据此，网络传输音频障碍消除，使得网络语音服务变得通畅，成为可能。
　　4），利用JS对用户键盘的控制能力，使盲人通过键盘能够使用计算机获取网页信息；同时，该功能还能够帮助使用读屏软件的用户切换焦点，使双方焦点一致，由于JS对html语言与元素的识别和操控的特殊能力，帮助用户在网页中访问任意节点，并准确获知信息，随意操作。
　　四、本设计的系统模块及工作流程
　　 一）、整个系统根据业务逻辑需求，见下图所示划分为九大模块。
　　 1.系统配置引导模块
　　涉及到文件YX.JS，该文件用来配置系统信息，其包括：网站信息、cookie信息以及默认cookie值，语音设置、页面配色设置、页面大小设置、页面元素重新配置等信息。
　　2.系统文字说明模块
　　涉及到文件text.js，该文件主要是用来存放整个系统文件中所涉及到汉字内容。以及繁体简体所有汉字。
　　3.声音控制模块
　　涉及到文件sound.js,该文件主要是用来操作音频播放器类。该类提供的方法：播放声音，停止声音、暂停声音，继续播放声音内容。
　　4.调用声音接口模块
　　涉及到文件json.js，该文件主要是调用云语音服务器实现提交数据获取音频文件以及调用在线翻译接口实现中英文翻译。
　　5.系统界面模块
　　涉及到文件tool.js，该文件主要实现生成系统界面，完成系统界面上所有按钮待触发各种事件功能。
　　6.鼠标键盘控制模块
　　 涉及到文件mouse.js、keyboard.js两个文件。
　　mouse.js完成鼠标在页面上的所有操作事件处理工作。如指读、连读等功能
　　keyboard.js用来定义的快捷键或者功能键，通过键盘来完成系统上大部分功能。
　　7.常用功能函数模块
　　 涉及到文件base64.js、md5.js、cookie.js、utils.js
　　base64和md5.js提供了对文本进行加密的类
　　cookie.js用来操作cookie内容，包括删除，添加，修改以及根据cookie保存的值来展现用户的曾今使用过的行为
　　utils.js编写系统所涉及到常用功能函数。如分句，过滤等等功能
　　8.外部插件模块
　　涉及到文件有jquery.js,dialog.js,mask.js,tip.js.conver.js.sound.js
　　jquery.js,javascript的一种框架。提供操作html元素不错框架，具体第二大点介绍。
　　dialog.js(jqueryui)，用来自定对话框的功能，可以设置对话框的标题以及内容。
　　mask.js(jqueryui)，用来对网页中任何元素实现遮罩效果，提高了遮罩功能，以及取消这招功能函数。一般用在body元素上。
　　tip.js(jqueryui)，用来展示提示功能的好的功能插件。
　　convert.js，提供了简繁互转的类文件
　　sound.js,提供操作swf文件的类文件
　　9.页面元素操作模块
　　page.js，用来完成页面加载完毕后，对页面元素进行重构的功能类
　　node.js，用来操作页面元素或者说页面节点功能类。
　　二）、系统流程
　　1、代理访问流程
　　 2、语音服务流程
　　利用网页中JAVASCRIPT代码，通过HTTP协议将网页中的待朗读的文字提交给语音服务器，语音服务器返回文字对应的音频文件（MP3），然后利用网页中已放置的播放器（开源的）对其音频文件进行播放控制。如下图所示。
　　 五、本设计的优点及用途
　　是与IE浏览器内核协同工作的插件模式，通过命令转换的方式，来改变页面样式。由于插件与浏览器为系统软件，在调用系统其它应用服务方面，有一定的优势，它能够调用系统的语音服务，实现语音功能。它们实现了自有、独立的无障碍操作界面，完成了界面的无障碍变化。于服务器端实现一站式的无障碍功能，重在解决多浏览器支持、跨域和语音服务以及整体性和健壮性。使用javascript在不改变原有网页的结构的前提下，实现网页变色、字体大小、朗读等功能；使用php完成一站式访问服务端。随着互联网的不断发展，人们获取信息、学习培训甚至生活都不断加大了对于互联网的依赖。而对于社会弱势群体的残疾人来说，一方面由于他们的行动不便，反而更希望通过方便的互联网获取信息、学习培训和生活娱乐；另一方面由于各网站的建设未考虑到无障碍化，即便使用读屏软件也很难获取想要的信息，更无法方便地实现网上交互、网上办事、网上购物等应用。因此信息无障碍建设对社会弱势群体使用互联网应用，起着非常重要的作用。
　　六、运行实验
　　天路互联网网页信息无障碍代理技术，在马鞍山市红星中学官方网站进行实验，效果与设计预想一致。
　　 七、改进的方面
　　以后的程序修改过程中将重点改善因代理机制（二次请求）带来的请求时间长；其次，解决浏览器对运行的脚本文件的限制（加载未完成无法运行）；再次，对音频文件进行处理，提高音频传输效率，使声音更流畅。
　　
　　指导老师：秦庆元

推荐访问:互联网 无障碍 网页 代理