基于老年人群的网站无障碍设计原则
2022-02-09
来源:二三四教育网
第23卷第3期 中国医学教育技术 V01.23 No.3 2009年6月 CHINA MEDICAL EDUCATION TECHNOLOGY Jun.2009 ・网络教育・ 基于老年人群的网站无障碍设计原则 赵洋 ,孙祯祥 ,张家年 ( 浙江师范大学教育学院,浙江金华321004;2淮北煤炭师范学院教育学院,安徽淮北235000) 【摘要】:在信息无障碍背景下,从老年人群生理特点和认知心理特点出发,介绍了老年人群与 无障碍网站设计之间的关系,分析了当前网络环境的现状,提出了一系列包容老年人群在内的无障 碍网站设计的实践策略。 【关键词】:老年人群;无障碍;网络环境 【中图分类号】:G434【文献标识码】:A【文章编号】:1004-5287(2009)03-0242-04 Design principles of accessible internet environment for elderly people Zhao ,Sun Zhenxiang ,Zhang Jianian ( College of Education,Zhejiang Normal University,Jinhua 321004; College ofEducation,Huaibei Coal Industry Teache ̄ College,Huaibei 235000。China) 【Abstract】:Under the background of information accessibility,in view of physiological characteristics and cognitive psychological characteristics of elderly people,this article elaborates the relation between elderly people and design of accessible Internet environment-and analyzes the present situation of Internet environment.Then it proposes a series of design strategies of accessible Internet environment for elderly people. 【Key words】:elderly people;accessibility;Internet environment 随着我国社会经济的发展,人民生活的水平逐步 1 无障碍和无障碍网站概念 提高,人的寿命逐渐延长。据统计,中国60岁及60 岁以上的老年人口到2007年底已达到1.53亿人 J, 无障碍(accessibility)的涵义是很容易满足或处 我国进入老龄化社会已为期不远。然而,日常生活 理的属性及在需要的时候即可用的品质。在国内也 中大多数产品的设计都是针对18~60岁之间的正 有该词语的意译,著名远程教育专家丁兴富译作“可 访问性”,还有的译作“可获取性”、“易用性”、“即时 常人群设计的,特别是进入信息社会,包括网络资源 性”;在我国台湾地区和港澳特别行政区内译作“可及 在内网站设计也不例外,即网站使用对象一直被人 性”、“无障碍”、“可达性”等。网站无障碍起初的定 们有意或无意地定位在具有主流网络设备和较高计 义是网页对身心障碍人士具有无障碍的性质。后来 算机技能的身心正常的人群,而把老年人群、残障人 越来越多的研究认为,网站无障碍的内涵可以用通 群以及信息技能较低的人群边缘化了。在法律、社 用设计的理念来诠释,即网站的呈现尽最大可能地 会、教育、经济、科技和个人发展等综合需求下,国内 提供给最大多数人,包括:不同年龄、感官、认知、体 外网站设计方面已注意到该问题,并试图设计一个 能的使用者,都能无所障碍地访问网页 “j。后来, 能包容所有人的无障碍网站。该网站应为社会所有 Letoumeau给出网站无障碍的经典定义:“任何人—— 成员,包括:正常人群、老年人群、残障人群等提供平 使用任何一种Web浏览技术——都能访问任何站 等的获取信息的机会,这既是公民平等权利在信息 点,完整地理解其中包含的信息,并完整地与网页进 领域的延伸,也是我国和谐社会建设的重要内容。 行交互[ ]”。 基金项目:国家社会科学基金项目“信息平等意义上的无障碍网络环境构建研究”的研究成果之一,项目编号:06BTQ012 收稿日期:2009-02—23 作者简介:赵洋(1975一),男,在读研究生,助教,主要研究方向:远程教育传播理论与技术,信息无障碍。 第23卷第3期 赵洋等.基于老年人群的网站无障碍设计原则 243 2老年人群与网站无障碍之间的关系 2.1老年人群的生理特点和网页无障碍设计之间 的关系 减少噪声干扰,对于网页警示音采用低频率,同时提 供多种感知方式等。 老年人群的记记:记忆是指人们感知过、思考 过、体验过、操作过的事物印象保持在人们的头脑 中,以后在一定的条件下又以再认、再现的方式表现 2.1.1 老年人群生理结构变化引发相应生理特点 随着年龄的增加,老年人群自身的生理结构会 发生很大变化。首先,老年人的中枢神经系统会发 生脑细胞减少、脑重量减轻、脑部血流量减少、自律 出来,或者回忆起来。老年人群的记忆有短时记忆 下降严重,将短时记忆转变为长时记忆的能力较差, 意义识记减退较少、机械识记有明显减退等现象。 神经老化等变化。这些变化引发出老年人群相应的 生理特点,例如:记忆衰退、容易忘事、学习能力较 差、逻辑思考能力减弱、反应速度慢、睡觉时间减少、 感觉迟钝等。其次,周边神经系统,包括:视觉、听觉 和触觉也发生了变化。视觉方面会出现水晶体变 黄、混浊、失去弹性,控制水晶体的肌肉衰退等;听觉 方面会出现鼓膜变薄且萎缩,中耳听小骨退化,耳蜗 内神经元素减少等;触觉方面会出现皮肤变薄,失去 弹性等。这些生理结构的变化能引起生理特点的变 化,例如:视野范围缩小,眼睛远视,光线调节作用降 低,对眩光的不适增加,对声音的敏锐度降低,听得 到的频率范围减少等。最后,老年人群的骨骼、肌肉 内系统发生了变化。关节与韧带硬化、肌肉体积减 少而导致肌肉力量减弱、动作僵硬不敏捷等。 2.1.2老年人群的生理特点与网页无障碍设计之间 的关系老年人群的生理特点决定网络环境设计的 相应要求:尽量简化操作程序和步骤,设计促进认知 的功能,网页按钮按重要性排列,避免网页设计中花 哨的背景和不必要的信息,网页按钮符号选择适当的 大小和颜色,加强文字和背景的对比,使用对比色彩, 尽可能图文并茂,提供音量控制和多种操作方式等。 2.2老年人群的认知心理特点和网页无障碍设计 之间的关系 人的认知心理包括感知、记忆、思维、创造性、智 力、学习几个方面。 老年人群视觉:随着年龄的增长,人的视觉器官 也逐渐衰老,会出现近距离视觉下降严重,眼睛远 视、散光、不易对焦、视野范围缩小、光调节适应能力 降低等。对于这些,要求网页设计提供适当大小和 颜色的字体、按钮,重要信息要突出,难以理解的信 息最好图文并茂,文字内容尽量简化,加大网页配色 对比度,应用对比色等。 老年人群听觉:听觉器官和人体的其他器官一 样,随着年龄的增长不断老化,其感受能力也随之降 低,出现声音敏锐度降低,高音频听力明显降低等现 象。这样,网页设计对音频提供声音控制,并且尽量 这些要求在进行网页设计时,尽量简化操作程序和 步骤,使操作过程规律化、形象化,避免不必要的多 余信息,网页打开要具有提醒功能及警示功能等。 老年人群的思维:思维是脑对客观事物本质属 性和事物之间的规律性联系的反映,是概括和间接 的反映过程。老年人常常抱怨自己已经不能像早先 那样很好地思考问题,反映人的思维能力到老年出 现逐渐衰老的趋势。诸如易形成定势、不够灵活、形 成概念需要时间长、逻辑推理能力下降等,对于这 些,网页设计时应该注意提供功能精简,避免多重选 择操作,网页按钮按重要性分组等。 2.3我国网站无障碍现状 根据笔者掌握的文献,对我国各类网站进行无障 碍调研的研究成果不多。武晓鹏于2004年11月对 我国全部地级市政府门户网站的无障碍情况进行了 调研,结果发现:使用读屏软件能顺利访问的只占调 查总数的12%;能够照顾色盲色弱群体需要、颜色对 比设置能够称之合理的只占调查总数的12%;有多 达74%的网站存在布局逻辑不明晰问题,给老年群 体和智残群体造成理解上的障碍 ]。另外,据张家年 对我国的32个电子政务网站的有效检测数据中,只 有香港特区和澳门特区通过了Bobby的自动检测,并 分别达到了WCAG1.0规定的易访问性第一优先权 等级(P1)和达到了第二优先权等级(P2)。其余大陆 地区31个省级电子政务网站易访问性均未通过 WCAG中的第一优先权等级(P1),而能够达到第二 优先权等级(P2)和第三优先权等级(P3)也即为0。 总体达到第一优先权等级(P1)以上的占6%[7]。这 些说明,我国网络环境无障碍状况令人堪忧。 3基于老年人群的网站无障碍设计实践策略 3.1 包容老年人群的无障碍网站的开发模型 无障碍网站的开发模型是把无障碍网页设计的 理念贯彻于整个网站设计的各个阶段 ]。在问题定 义、概念讨论阶段,结合网页无障碍的设计原则是:多 媒体相关信息的无障碍、页结构和呈现处理的无障 244 中国医学教育技术 第23卷第3期 碍、网页开发和输入输出设备相关技术处理的无障 碍、网站浏览机制的无障碍,做到清晰地理解和定义 网站目标,确定网站无障碍设计的层次性和合理性; 在需求分析阶段,充分考虑老年人群的生理特点及认 知心理特点,并兼顾到其他类型的身体机能障碍者, 形成开发规范说明书;在设计和实现阶段,应当遵循 一系列的网页无障碍设计和开发标准(WCAG 1.0、 WCAG 2.0、我国制定的“信息无障碍身体机能差异人 群网站设计无障碍技术要求”通信行业标准 及 HTMIA.01、CSS2.0规范等);在测试阶段,利用各类 无障碍检测工具对网站进行无障碍检测,如果通过检 测,就可以标注认证标志(如:Bobby、W3C、A-Prompt 等);最后,发布阶段。根据用户的反馈意见,不断地 修改和校正,逐步完善包容老年人群在内的无障碍 网络环境设计,具体流程如图1所示。 图1 包容老年人群的无障碍网站设计模型图 3.2基于老年人群的无障碍网页设计策略 设计是无障碍网络环境开发的核心工作,如何 设计既能满足普通读者群,又能适合老年人群独特 需求的无障碍网页是我们的首要任务,笔者根据已 有的研究和对普遍情况的预测,推荐以下网页设计 模式和具体策略。 3.2.1 无障碍网页设计模式 包容老年人群的无 障碍网站设计模型是从网站生命周期(纵向动态)的 过程出发,遵循网站无障碍设计的4条原则和WAI (web accessibility initiative)系列规范,并从老年人群 的需求和他们网络环境需求出发,不断检测、不断修 改,以满足老年人群的需求。而网站是由一个个网页 组成的,网页的页面元素一般由网页布局、图形图像 及背景、文本、导航机制与搜索、字体和颜色、表单、多 媒体等组成。可见,网页页面元素无障碍设计是无障 碍网络环境设计的关键。因此,在网页设计过程中, 始终围绕着网页无障碍这个中心,遵循具体实践策 略,使网页达到无障碍化,既能满足老年人群的特殊 要求,又能使正常人群访问更加便利,如图2所示。 图2网页无障碍设计模式图 3.2.2文本设计文本设计应注意以下要求:①文 本字体宜采用宋体、楷体等,尽量避免使用美术字体; ②对于文本的字号选择,须采用比正常网页设计大一 号的字体,例如4号字;③加强文本显示,可以使用粗 体字,不推荐使用斜体字等;④字间隔和行距应比标 准字距和行距稍大;⑤文本对齐方式宜采用左对齐, 尽量使用中间对齐和满行方式;⑥在段落之间和标题 之间留有空白,视觉上不能显得太拥挤,或让阅读者 分不清其并列关系¨。 ;⑦文本的颜色应该避免使用 色域相近的颜色,像黄、兰、绿混在一起使用;⑧加强 背景和文字的对比显示;⑨不使用位图图像格式的文 本,宜采用矢量图格式文本。位图图像格式的文本放 大时有马赛克。矢量格式(Flash、SVG)比位图格式 (JPg、gif、bmp)容易放大缩小且清晰。 3.2.3 网页布局 网页布局应注意以下要求:①网 站网页设计风格应保持一致,使用相同的符号、图 符、按钮和导航;②将内容分成明确的组和块,使用 标题、公告清单、或者其他视觉语义上的规划,使内 容的结构尽可能的明显;③避免无关主题的信息,突 出主要内容;④避免复杂、零乱的视觉背景,不能制 造无关的视觉信息来分散对主要内容的注意力;⑤ 对于框架和表格使用应提供等义的文体说明,以适 用旧浏览器。 3.2.4网页信息感知 网页信息感知应注意以下 要求:①以清晰易懂的方式呈现网页内容,避免信息 的理解需要推理,宜采用明确的表述;②主动提供声 音来集中阅读者的注意力,提供解释说明或以使用 错误警告等来集中阅读者对主要内容的注意力;③ 采用简单清晰的语句,避免使用专业术语,如使用术 语,须提供术语词汇表;④网页内容的组织应使用一 第23卷第3期 赵洋等.基于老年人群的网站无障碍设计原则 245 个标准格式,对于较长文档宜采用分页设计,便于检 索和下载_1¨;⑤所有内容使用同一文本格式,以便 内容的区分又细分为二级和三级页面,两者的具体 区别在于,二级页面只有链接和摘要而没有具体内 能被文本语音合成并识别,内容只用简单的格式 (如htm1),对图像或者文本的格式应能被辅助技术 识别;⑥给阅读者足够的时间使用、交互。不要设置 很短的结束时间,避免使用依赖时间的JavaSeript程 序,HTML自动更新,以及其他以时间为准的程序; 如果时间结束,允许阅读者请求更多的时间;当时间 要结束时,给出提示,给出延长时问的选项。 3.2.5 多媒体设计多媒体设计应注意以下要求: ①对于图像须提供等义的文本说明;②使用相对较 小动画、视频和音频片断,减少下载时间;③对于动 画、视频和音频须提供等价的文本说明;④当使用背 景颜色区分不同部分时,使用柔和的颜色比使用高 反差的颜色更合适。 3.2.6导航设计导航设计应注意以下要求:①网 站的组织结构应清晰明了,导航过程步骤明确,确保 访问者懂得下一步要做什么;②确保每页的导航风 格一致。例如:在每页位置相同地方,使用一致的导 航按钮,便于访问者熟悉;③导航所用图符和按钮尽 量大,使用鼠标激活时,不需要精确的拖动 ;④导 航图符间隔应比标准间隔稍大;⑤避免使用下拉式 菜单;⑥避免文本的自动滚动,如需要滚动,设置特 定的滚动按钮;⑦提供前进和后退导航按钮,如“上 一页”、“下一页”;⑧提供站点组织结构的站点地 图;⑨提供站点使用帮助信息。 3.3基于老年人群无障碍网站的实现 笔者根据上述原则设计了一个有关老年群体身 心健康的网站,目的是向老年群体提供保健医疗方 面的信息,网站首页如图3所示。 老 黪 :竹者 量 毫听量■■文坫车 ■t ,.E 直.但用每I厦部接乜可蕾字嚣 件壹^.畦羹文丰■色t■圈■■—■■誓_曩—■●_ l 壑持锻炼增强件履 为了增’■件■.曩时肼惠 精■点碾鼍行t直的’件括 硇.墨箜自戈璺’t■ j-矗 隹I小蛀●t■老■一直-■ 蕾j}佚t.置■增■老■一盘 量■的x●. 薹 羹 :的 品嚣嚣 j矗疗量毫.它t】■ t■ j_- 誓量 图3老龄健康信息网首页图 整个网站共有3个级别的页面层次:首页(一 级)、二级和三级页面。首页是网站的人口,是网站 整体内容和功能的集中体现;内页依据页面的具体 容。网页布局做到了整洁大方、突出重点、风格一致 和色彩协调美观。文本内容简洁准确,网页内容感 知提供了声音朗读方式,文字大小设置了控制按钮, 所有字体尽量采用醒目的黑体,并且比正常网页字 号稍大。网站的组织结构清晰明了,导航过程步骤 明确、风格一致。这些设计照顾到了老年群体的生 理特点和认知心理特点,便于老年群体熟悉和使用。 关注老年人群等弱势群体,是和谐社会所关注 的重要领域,而无障碍网站对于他们获取信息、获得 平等的教育和就业机会、融入社会、参与社会生活有 着重要意义。本文推荐的无障碍网站设计在技术上 不难实现,成本也不高,关键是开发设计人员必须提 升为老年人群服务的思想。在设计开发中,将他们 纳为使用对象。希望在未来的网站设计和开发过程 中,网站开发人员自觉遵循无障碍网站的设计流程 和无障碍网页设计策略,确立信息平等的理念,构建 无障碍的信息网络环境,为老年人群的学习和生活 提供便利,从而有效地提升他们参与社会生活的能 力,有机会获得更好的教育和就业机会。 参考文献 [1]中国新闻网.中国6o岁及以上老年人口2007年底已达1.53 {SA.[EB/OL].http://www.chinanews.com.en/gn/news/200 ̄ 132-29/1178230.shtm1.2008—09—1O [2]Burgstahler S.Distance learning:The library§role in ells ng access to everyone[J].Library Hi Tech,20{12,02(4):4 ̄-432 [3]Oravec J A.Virtually accessible:Empowering students to advocate for accessibility and support universal design[J].Ij】瑚ry Hi Tech,2002,20(4):452-461 [4]Schmetzke A.Web accessibility at universiyt libraries and library schools[J].Library Hi Tech,2001a,19(1):35-49 [5]Letoumeau C.Accessible web design—a definition[EB/OL]. http://www.starlingweb.com/webac.htm,2008-09・11 [6]武晓鹏.中国政府门户网站如何实现无障化[EB/OL]. http://www.ccidconsulitng.corn/about/channel/Detail.asp? Content_id=1424,:20138-04-21 [7]孙祯祥,张家年.基于信息平等角度的我国省级电子政务 网站易访问性研究[J].图书情报工作,2008,(8):14—16 [8]张家年.教育网站易访问性的设计和评价[D].浙江:浙 江师范大学,2006 [9]YD/T 1761-2008.信息无障碍身体机能差异人群网站设 计无障碍技术要求[M].北京:人民邮电出版社,2008 [10]Holt B.Creating Senior—Friendly Web Sites[J].Issue Brief Cent Medicare Educ,2000,1(4):1-8 『11 l Holt BJ,Morrell R W|Guidelines for web Site Design for Older Adults:The Ulitmate Influence of Cognitive Factors lA 1.//Morrell,RW.ed.Older Adults,Health Informaiton, nad the Wl0rld Wide Web.Lodon:Lawrence Erlbaum Associatse。2002:109—133