网页设计无障碍方案研究

《网页设计无障碍方案研究》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、网页设计无障碍方案研究　　1概述　　近年来，笔者持续参与信息无障碍标准的起草和评审工作，以及众多X站的无障碍规划和测试。以上海市政府部门X站的无障碍改造为例，《十二五期间上海市残疾人事业主要发展指标》指出：政府X站实施无障碍改造的比例，预期性大于80%.据上海市政府部门X站管理中心、有关承建单位的不完全统计，上海市共有64家政府部门X站纳入无障碍改造计划（其中区县政府X站17家，委办局X站47家）。截至2014年12月，已实施无障碍改造的54家，正实施和待实施的X站10家，上海市政府64家X站实施无障碍改造比例已达84.38%,这些X站的无障碍改造为相关标准

2、的应用和完善提供了丰富的实践经验。　　纵观国内外有关X页设计的无障碍标准，它们的一大共同点，就是强调无障碍X站的四项基本原则：（1）X页内容必须是可感知的；（2）X页内容中的界面组件必须是可操作的；（3）X页内容和控件必须是可理解的；（4）X页内容应具备足够兼容性和前瞻性，能够与当前及未来的用户代理（包括辅助技术）协同工作。　　以上这些可简述为：可感知、可操作、可理解、以及兼容性,是每个设计人员应该遵循和掌握的基本原则。　　2X页设计无障碍方案的流程和要点　　一个合格的、适合读屏软件操作、符合视力障碍用户需求的无障碍X站，它的一般设计流程可总结为：　　（1）

3、检测分析：根据无障碍标准对改造前的X站进行检测及体验，分析、讨论、汇总存在的问题。这方面工作可采取智能化的测试平台和人工实际体验相结合的方式。　　（2）方案设计：根据存在问题结合X站信息无障碍改造的标准和目标，设计相应的无障碍解决方案。　　（3）实施开发：根据解决方案，遵循相关技术标准，利用信息无障碍技术进行实施开发工作。　　（4）测试体验：通过系统测试、人工测试、用户体验相结合的方式，全方位地保障改造成果。　　（5）运行维护：为保证无障碍的可持续性，对改造后的X站进行必要的运行维护，持续测试体验，反馈和修正可能出现的偏差。在具体改造设计过程中，依据目前颁布

4、的无障碍设计标准，主要针对以下要点进行设计和开发：　　（1）针对X页不同布局形式提供统一的无障碍X页操作方法，避免由于操作不当引起问题。　　（2）针对内容页面进行单独设置，直接读正文内容。　　（3）对图形验证码提供语音提示功能，对图片等内容提供必要的文字说明。　　（4）避免在切换Tab键时产生焦点无法移动、导致键盘陷入的现象，同时注意打开X页时Tab键焦点的定位点和光标键的移动顺序。　　（5）提出快捷键实施方案，提供一整套热点跳转、区域跳转、栏目跳转等快捷键。并注意这些快捷键是否与已有的系统快捷键、读屏软件快捷键相冲突。　　（6）为功能性操作提供语音提示，提

5、供有意义的可理解的提示性说明内容。　　（7）统一页面开启/关闭方式，避免焦点直接返回桌面。　　（8）为繁琐的非文本内容提供替代内容页面。　　（9）区分各X页标题，帮助读屏用户正确定位。　　（10）部署无障碍工具条，方便低视力和老年用户按需调节屏幕显示样式；提供纯文本模式浏览，提供语音插件。但必须注意不能仅以此来替代上述各项必要的无障碍设计。　　页面改造则结合辅助功能以及无障碍检测工具的模式进行：　　（1）采用DIV+CSS+JS技术路线实现X站结构、表现、行为相分离的基本要求；对功能性内容、Flash等进行无障碍设计，使其不依赖鼠标，即使用键盘也可完成正常操

6、作，适合视力障碍人群浏览。　　（2）辅助工具条充分考虑不同布局、不同色觉环境下的颜色辨识度和文字放大率，设计开发功能完善的辅助浏览工具条，可集约化部署在某一中心门户X站上，供各部门X站共享。　　（3）采用先进的云平台技术理念，从功能、性能及安全性等要求进行架构设计，搭建X站语音服务（4）无障碍检测根据WCAG2.0以及相关的国家标准和行业标准，设计开发无障碍检测X关，采用解析技术定位X页元素，通过与X站内容管理系统的整合对新增内容进行无障碍检测，确保信息发布无障碍的可持续性。　　需要注意以下两点：　　（1）X站无障碍建设应满足全体人群在任何情况下都能平等、方

7、便、无障碍地获取和利用信息。在保持X站原有风格和功能、不改变视力健全人士浏览X站和获取信息服务的基础上提升视障人群访问政府X站的便捷性、准确性。　　（2）实践证明，在X站的无障碍建设过程中，必须始终按照国际通用的WCAG2.0标准和规范以及相关的国家标准和行业标准，采用国际领先的无障碍建设方法进行，而不是简单的通过架设某一服务器端推送的语音系统或语音频道来代替全X站的无障碍设计和改造。　　3实现强化的无障碍语音导航和快捷键操作　　设计一套优化的语音提示跳转链接，配合区域跳转、栏目跳转、热点或锚点跳转等快捷操作，帮助读屏软件用户快速准确地在众多的页面和栏目链接

8、内定位。　　为了充分说明语音导航和快捷键跳转的特点，