无障碍网页设计论文(共2909字).doc

无障碍网页设计论文(共 2909 字) 1 网页设计无障碍方案的流程和要点一个合格的、适合读屏软件操作、符合视力障碍用户需求的无障碍网站,它的一般设计流程可总结为: (1) 检测分析: 根据无障碍标准对改造前的网站进行检测及体验, 分析、讨论、汇总存在的问题。这方面工作可采取智能化的测试平台和人工实际体验相结合的方式。(2) 方案设计: 根据存在问题结合网站信息无障碍改造的标准和目标,设计相应的无障碍解决方案。(3) 实施开发: 根据解决方案, 遵循相关技术标准, 利用信息无障碍技术进行实施开发工作。(4) 测试体验: 通过系统测试、人工测试、用户体验相结合的方式,全方位地保障改造成果。(5) 运行维护: 为保证无障碍的可持续性, 对改造后的网站进行必要的运行维护, 持续测试体验, 反馈和修正可能出现的偏差。在具体改造设计过程中, 依据目前颁布的无障碍设计标准,主要针对以下要点进行设计和开发: (1) 针对网页不同布局形式提供统一的无障碍网页操作方法,避免由于操作不当引起问题。(2) 针对内容页面进行单独设置,直接读正文内容。(3) 对图形验证码提供语音提示功能, 对图片等内容提供必要的文字说明。(4) 避免在切换 Tab 键时产生焦点无法移动、导致键盘陷入的现象, 同时注意打开网页时 Tab 键焦点的定位点和光标键的移动顺序。(5) 提出快捷键实施方案, 提供一整套热点跳转、区域跳转、栏目跳转等快捷键。并注意这些快捷键是否与已有的系统快捷键、读屏软件快捷键相冲突。(6) 为功能性操作提供语音提示, 提供有意义的可理解的提示性说明内容。(7) 统一页面“开启/ 关闭”方式, 避免焦点直接返回桌面。(8) 为繁琐的非文本内容提供替代内容页面。(9) 区分各网页标题,帮助读屏用户正确定位。(10) 部署无障碍工具条,方便低视力和老年用户按需调节屏幕显示样式; 提供纯文本模式浏览, 提供语音插件。但必须注意不能仅以此来替代上述各项必要的无障碍设计。页面改造则结合辅助功能以及无障碍检测工具的模式进行: (1) 采用 DIV+CSS+JS 技术路线实现网站结构、表现、行为相分离的基本要求;对功能性内容、 Flash 等进行无障碍设计, 使其不依赖鼠标, 即使用键盘也可完成正常操作, 适合视力障碍人群浏览。(2) 辅助工具条充分考虑不同布局、不同色觉环境下的颜色辨识度和文字放大率,设计开发功能完善的辅助浏览工具条, 可集约化部署在某一中心门户网站上, 供各部门网站共享。(3) 采用先进的云平台技术理念, 从功能、性能及安全性等要求进行架构设计,搭建网站语音服务(4) 无障碍检测根据 WCAG2. 0 以及相关的国家标准和行业标准,设计开发无障碍检测网关,采用 HTML 解析技术定位网页元素, 通过与网站内容管理系统的整合对新增内容进行无障碍检测, 确保信息发布无障碍的可持续性。需要注意以下两点: (1) 网站无障碍建设应满足全体人群在任何情况下都能平等、方便、无障碍地获取和利用信息。在保持网站原有风格和功能、不改变视力健全人士浏览网站和获取信息服务的基础上提升视障人群访问政府网站的便捷性、准确性。(2) 实践证明, 在网站的无障碍建设过程中, 必须始终按照国际通用的 WCAG2. 0 标准和规范以及相关的国家标准和行业标准, 采用国际领先的无障碍建设方法进行,