济南网站建设,网站运营维护,网站优化
技术探讨您当前的位置:智达维网络科技 > 建站知识 > 技术探讨 >

济南网站建设无障碍建设

更新时间:2018-04-10 09:12:40 作者:千寻建站 访问量:4

济南网站建设无障碍建设
济南网站建设无障碍建设
1 网站结构及部分功能改进
    合理的网站结构及功能设计意味着良好的用户体验,过于混乱的结构会让用户产生厌烦心理甚至放弃浏览。“老年人网”布局过于复杂,网页结构层次太深,项目模块过多且存在重复现象,如首页有关“养老”话题的相关链接就多达8个,具体改进措施如下:A、将首页模块整合精简,删除部分没必要的模块链接;B、遵循“三次点击”原则(即站内的任何页面都能通过不超过3次的点击到达)重新进行设计;C、网页布局采用简单的上中下结构,且保持统一风格。此外提供多种文本、图像的朗读操作及多种网址获取方式,比如网址输入和收藏夹选择等,各项功能的实现应该侧重于按键的反馈效果。
2 网站导航设计的改进
    网站导航利用良好的逻辑结构和框架将网络信息有序化,有利于引导用户快速有效地浏览网页。其本质是一种有效的网络信息组织方式,也是用于信息服务的一种网站功能。“老年人网”的导航设计不符合视障人士的上网需求,如:导航链接过多,杂乱缺乏层次感;风格缺乏一致性;没有设置跳过导航链接等。基于WCAG2.0无障碍标准,老人网的导航应该按照如下原则进行设计:A、导航简洁易用,风格统一;B、结构具有很强层次性,体现出网站鲜明的信息组织形式;C、考虑各类用户需求,实现一定的通用性(快捷键的设置);D、提供跳过导航功能;E、尽量使用“独立导航”的方式,将非导航信息删除。
3 网页具体内容的改进措施
    ①图片改进措施:A、删除无实际用处的图片,如仅供装饰的图片;B、提供alt属性对图片进行文本替代说明,较为复杂的说明则使用longdesc属性。②链接的改进措施:A、删除部分相关度较低的链接;B、为通用链接提供清晰文本说明;C、当链接目标页面将在新窗口打开时,在链接处提供说明。③有关颜色的改进措施:A、确保网页中没有仅依赖颜色提供的信息;B、颜色统一样式,文本采用对比度最高的白底黑字,颜色采用16进位颜色码而非英文颜色名称。④文本的改进措施:A、文字大小一律16px或则更大,个别字体除外;B、使用CSS进行样式设定,不使用Font等属性单独设置;C、避免使用视障人士无法理解的象征性文字或符号;D、强调文本时使用em或strong等强调标签,避免使用I/B/Blod等标签。⑤其他措施:A、为javascript网页特效提供onfoucs和onblur事件处理;B、用语音合成工具为长篇文本内容提供相应的音频文件;C、为视频文件提供说明性质的旁白;D、为网页添加lang属性指明所用语言,暂设为zh(中文),若网页出现其他语言再另
作处理。
4 网站无障碍化的实现
    按照前面的设计方案,以WCAG2.0规范为准则,对“老人网”的首页和部分二级页面进行了改进设计。其中部分修改内容能够通过肉眼直接看出变化,比如结构布局的简化、字体的大小等,但是绝大部分的修改内容还是需要通过实际的操作才能感受得到变化,如快捷键的使用、颜色对比度问题(正常人通过肉眼可能觉得前后没什么变化,但是对于视障人士则有很大差别)、快速导航及各种图片和链接的内容提示功能等。无障碍化改进后的网站首页较之前的结构更加清晰明了,没有多余的内容。文字更大,且颜色对比度有所提高,方面了老年视障人士的阅读。另外,在导航部分设置了跳过导航功能,各组件设置了快捷键,有利于快速阅读。同时所有的链接、图片等组件都添加了文本说明,有利于读屏软件的操作。

    文章说明:本站发布的所有文章,版权均属于智达维网络科技。如需转载、摘编或利用其它方式使用上述作品,请注明“转载自:智达维网络科技”或“转载自:智达维网络科技/网站建设相关文章”,谢谢您的浏览!

相关推荐
热线:0531-87583458 电话:0531-66812586 QQ:2676834962
Copyright 智达维网络科技 版权所有
ICP备案编号:鲁ICP备11034527号-1 鲁公网安备 37010402000703号

扫二维码加微信咨询

拨打客服热线

0531-87583458

在线客服