老年人视障人员信息内容无障网站制作,网站实例

2021-02-01 13:48| 发布者: | 查看: |

一九九七年因特网同盟W3C(World Wide Web Consortium)就明确提出了信息内容无障的核心理念,说白了的“信息内容无障”,其服务宗旨取决于运用持续发展趋势的信息内容技术性,清除大家因一些生理作用衰退或缺失而在信息内容获得全过程中存有的阻碍,便于她们能够更为便捷地获得信息内容及详细地开展互动〔1〕。协同国对于此事得出的界定是:“信息内容的获得和应用针对不一样的群体需有公平的机遇和差别并不大的成本费”,同时还实际列举了4种信息内容无障应朝向的群体〔2,3〕,在其中一种就涉及到人体作用缺失或减弱的群体。海外对无障网站的科学研究关键偏重于双方面:一是无障规范的科学研究,如Rmen等〔4〕对WCAG1.0和WCAG2.0规范开展较为科学研究,并明确提出目前规范还不够以确保网站的彻底无障化,在将来无障规则中应扩张其界定范围;Vigo等〔5〕就怎样营造将来网站最易读性指标值开展了探讨,期待制订一种兼具合理性、靠谱性、灵巧度、充足性和繁杂性的无障网页页面架构。二是实际的评测科学研究,如Lazar等〔6〕应用508具体指导战略方针和WCAG对比斯开湾英国50个网站开展可评定检测,并对所存有的难题作出了改善修补。Craven等〔7〕应用根据每日任务的科学研究方式对网站开展无障性评测,最终剖析科学研究得到一个能用于集中化评定网站无障性水平的几率实体模型。中国科学研究发展相对性比较晚,但仍然获得了一定科学研究成效。赵英等〔1〕对信息内容无障网站制作的规范开展了讨论科学研究,强调了把握W3C规范对搭建有效无障网站的关键性,并明确提出了相对的基础理论具体指导建议;孙祯祥等〔8〕参照WCAG规范对于汉语网站的特性,明确提出了汉语无障网站点评实体模型的指标值管理体系。汤恒耀等〔9〕明确提出了运用Web系统日志发掘技术性对客户的浏览方式及兴趣爱好开展剖析,进而完成智能化化、个性化化的网站无障浏览的设想;刘文忠等〔10〕对视频语音生成技术性开展了有关的科学研究,觉得此项技术性可以使有视觉效果阻碍的人迅速高效率地获得到要想的信息内容,进而完成Web网页页面的无障化;骆坚〔11〕期待根据网络服务器浏览对客户访问总体目标网站的网页页面开展解决,使之当地化,并依靠间接性代理商技术性完成网页页面的无障访问。本科学研究根据WCAG2.0规范对门向老年人视障人员的网站开展实际的无障设计方案。 1 无障企业网站建设规范 现阶段涉及到的有关规范中应用最普遍的是WCAG规范,它是W3C机构对于网页页面无障基本建设明确提出的标准规范,目地是让全部人都可以无障地应用互连网。WCAG1.0于1998年发布,它根据网页页面內容的优良展现和清楚化导航栏的标准明确提出了14项具体指导性规则,并对于网页页面內容的无障性检验区划了3个优先选择级,包含6五个可浏览性检验点。200八年明确提出的WCAG 2.0考虑到到Web2.0技术性大量的个性化化互动式运用,将內容关键梳理为可认知性、可执行性、可了解性及适配性4个标准,出示6一个考量规范,将本来“优先选择级”再次界定为“级別”,由低于高分数别为Level A、Level AA、 Level AAA〔12〕。尽管2个版本号现阶段都可以应用,但還是提议开发设计设计方案工作人员在开发设计和升級內容中应用WCAG2.0规范,由于相对性于WCAG1.0,WCAG2.0可用性更普遍,在对于不一样种类的Web技术性和高些级的运用等层面更具有逻辑性化。除开WCAG规范外,也有一些輔助技术性的有关规范,如:WAI-ARIA无障富连接网络运用:提升內容的可浏览性;ATAG:开发设计专用工具易浏览性标准;UAAG:客户代理商实用性标准。WCAG2.0规范包含普遍,基本包括了网网站内部容无障涉及及的全部难题。 2 老年人人网站的无障性 要完成老年人人网站的无障设计方案,就务必掌握目前一般老年人网站与规范化下的无障网站存有什么不一样,应用了网页页面实用性检验手机软件AChecker对中国好几个老年人人网站开展无障评测,并对评测出的难题开展了梳理分类。AChecker出示了根据WCAG2.0规范的检验方法,同时还出示了多种多样便捷的网页页面检验方式,如URL详细地址键入、HTML文本文档导进、网页页面源码导进等。 2.1 评测出的难题遍布状况 首页做为网站测试內容的通道,其无障化水平可以比较立即体现全部网站的无障基本建设状况,八个较有意味着性的老年人人首页检验难题数量以下:老少孩11一个、老年人网369个、乐龄网15八个、我国老龄网10七个、我国老龄门户网103个、家有老年人网260个、中华民族老年人网4八个全国性离离休优秀人才网20个。 因为各网站间內容存有一定的差别性,因而检验出的难题数也会出现所不一样,不可以把难题总数的是多少看做体现网站无障基本建设优劣的唯一规范,还需参考难题种类数才可以准确评定网站的无障性。老少孩网和我国老龄门户网难题种类数至少(各4种),而老年人人网难题种类最多(18种),包含的难题种类较为全方位,合适用于做为无障网站的改善。乐龄网13种、家有老年人网15种,其他3个网各9种。 普遍难题的遍布为色调比照度不符合合63%、照片原素的确alt特性22%、font字体样式难题5%、电脑鼠标恶性事件解决3%、Text原素缺乏关系标识3%、文本文档語言难题2%、标识为空难题1%、别的1%。 2.2 评测出的实际难题 2.2.1 照片难题 为确保有眼睛视力阻碍的老年人人到应用读屏手机软件时能一切正常获得有关信息内容,WCAG2.0规范时要求务必为照片、视频语音等非文字內容出示取代文字。如编码中未出示alt特性对照片开展文字取代表明,那麼当该照片因一些缘故没法一切正常显示信息或是读屏手机软件读到此图时,客户就没法准确获得照片內容信息内容。此外一些作用照片与情况照片混在一起,非常是一些照片中带有文字信息内容时,客户便没法准确判断內容与照片的关系性。 2.2.2 连接难题 网页页面中存有一些相近“大量”那样的通用性连接,因为该类连接的信息内容量不够,针对视障人员来讲存有一定的不能预料性,因为老年人人对新鮮事情存有提防心理状态,造成她们不容易随便点一下该类连接,因而务必为这种连接出示清楚的文本描述,可根据title特性确立此连接的內容,如txt文本文档。此外连接色调比照度难题占绝大部分,WCAG2.0规范要求文字视觉效果展现和文字图象最少要有4.5∶1的比照度,而检验中很多连接的文本与情况色的比照度其实不高,这会使老年人视障人员没法了解这种色调所意味着的含意,乃至压根没法认清网页页面內容。 2.2.3 onfoucs和onblur恶性事件解决 Javascript网页页面动画特效的应用丰富多彩了网页页面的內容与主要表现方式,可是目前的基本全是根据对电脑鼠标恶性事件实际操作的解决,即只设定了onmouseover和onmouseout恶性事件解决而沒有设定根据电脑键盘的onfoucs和onblur恶性事件解决,这对习惯性应用电脑键盘开展互动的视障人员来讲是个阻碍,WCAG2.0要求全部的网页页面实际操作务必都能根据电脑鼠标进行。 2.2.4 文本文档語言标识 网页页面內容可根据lang特性设置多种多样我国語言,这一点针对无障网站来讲十分关键,由于视障人员应用的读屏手机软件只有鉴别设定好的語言,当网站内包括多种多样語言而又未开展设定表明时,读屏手机软件就会有没法合理地开展不一样語言的信息内容变换,大大的减少了网页页面內容的易读性。如中就缺乏lang特性,规范化文件格式应是,仅有那样读屏手机软件才可以恰当鉴别英语。 2.2.5 Lable标识缺少或文字为空 Lable标识的应用能让访问器全自动聚焦点到有关的表格部件上,从检验結果得知,许多网页页面部件仍未设定Lable标识或标识文字为空,当老年人视障人员将互动聚焦点挪到特定部件处时,读屏手机软件没法准确对其开展精准定位和获得,客户也就没法分辨此实际操作的实际意义。以下例所显示,当视障人员在开展“性別”的挑选时,读屏手机软件对“男士”(未设定lable)这一选择项没法准确判知是不是选定了。男士
2.2.6 总体目标页框设置 被测网站内,连接內容全是以开启新页面的方式展现,这类方法会对老年人视障人员造成非常大困惑,WCAG2.0要求网页页面尽可能以可预料的方式展现和实际操作,即客户可以了解点一下某一部件的下一个个人行为是啥,该规范提议网页页面开发设计者尽可能防止应用target=“_blank”特性开启新的对话框,当务必开展新页面的自动跳转时,也应当出示有关提醒表明。如: 买东西连接(下列连接将打开新页面);
。如果你点一下“淘宝网”这一连接后,读屏手机软件会事前告知你“淘宝网”的网页页面将以一个新页面的方式出現,不容易遮盖掉原先的网页页面內容。
2.2.7 便捷键设定 被测网页页面中存有许多反复的连接、essKey特性开展热键设定,老年人视障人员只有根据tab键按序逐一移动自动跳转,访问高效率较低。根据无障键的设置,能够界定指令和指令所需实行的有关姿势。以下所显示,客户可设定alt+“N”、alt+“S”便捷键快速将鼠标光标挪到“客户名”及“性別”处。客户名:;;性別:......。除开之上关键难题外,也有一些难题会给老年人视障人员的网页页面访问产生麻烦,如:未出示绕过控制模块项作用,不好于迅速阅读文章;即时升级信息内容的翻转速率过快,对老年人视障人来讲访问時间太短;沒有为视頻文档出示视频语音叙述或者同歩的旁白表明,不好于客户详细掌握视頻內容;网页页面更新造成读屏手机软件返回网页页面最开始聚焦点,使视障人员造成错乱感等。所述提及的这种难题,针对一切正常人的网页页面访问基本不容易导致很大危害,可是针对这些存有视障难题的老年人人则要不然,因而接下去的科学研究便是对于这种难题,明确提出对网站改善的实际对策和计划方案。 3 朝向老年人视障人员的无障网站制作开发设计 3.1 网站无障化的改善计划方案 根据WCAG2.0的设计方案核心理念,融合前边实际难题的剖析結果,挑选对“老年人人网”开展系统软件化改善,将其基本建设为一个朝向老年人视障人员的无障网站。 3.1.1 网站总体设计方案的改善对策 ①网站构造及一部分作用改善:有效的网站构造及作用设计方案寓意着优良的客户感受,过度错乱的构造会让客户造成厌倦心理状态乃至舍弃访问。“老年人人网”合理布局过度繁杂,网页页面构造层级太深,新项目控制模块过量且存有反复状况,如相关“养老服务”话题讨论的有关连接就高达八个,实际改善对策以下:A、将控制模块融合精减,删掉一部分没必需的控制模块连接;B、遵照“三次点一下”标准(即网站内部的一切网页页面都能根据不超出3次的点一下抵达)〔13〕再次开展设计方案;C、网页页面合理布局选用简易的上中下构造,且维持统一设计风格。另外出示多种多样文字、图象的诵读实际操作及多种多样网站地址获得方法,例如网站地址键入和个人收藏夹挑选等,各类作用的完成应当偏重于于功能键的意见反馈实际效果〔14〕。②网址导航设计方案的改善:网址导航运用优良的逻辑性构造和架构将互联网信息内容井然有序化,有益于正确引导客户迅速合理地访问网页页面。其实质是一种合理的互联网信息内容机构方法,也是用以信息内容服务的一种网站作用〔15〕。“老年人人网”的导航栏设计方案不符合合视障人员的网上要求,如:导航栏连接过量,杂乱无章欠缺层级感;设计风格欠缺一致性;沒有设定绕过导航栏连接等。根据WCAG2.0无障规范,老年人网的导航栏应当依照以下标准开展设计方案:A、导航栏简约实用,设计风格统一;B、构造具备较强层级性,反映出网站独特的信息内容机构方式;C、考虑到各种客户要求,完成一定的通用性性(便捷键的设定);D、出示绕过导航栏作用;E、尽可能应用“单独导航栏”的方法,将非导航栏信息内容删掉。 3.1.2 网页页面实际內容的改善对策 ①照片改善对策:A、删掉无具体用途的照片,如仅作装饰设计的照片;B、出示alt特性对照片开展文字取代表明,比较繁杂的表明则应用longdesc特性。②连接的改善对策:A、删掉一部分有关度较低的连接;B、为通用性连接出示清楚文字表明;C、当连接总体目标网页页面将在新页面开启时,在连接处出示表明 。③相关色调的改善对策:A、保证网页页面中沒有仅依靠色调出示的信息内容;B、色调统一款式,文字选用比照度最大的黑底白字,色调选用16进位色调码并非英语色调名字。④文字的改善对策:A、文本尺寸一概16 px或则更大,某些字体样式以外;B、应用CSS开展款式设置,不应用Font等特性独立设定;C、防止应用视障人员没法了解的代表性文本或标记;D、注重文字时应用em或strong等注重标识,防止应用I/B/Blod等标识。⑤别的对策:A、为javascript网页页面动画特效出示onfoucs和onblur恶性事件解决;B、术语音生成专用工具为长篇文字內容出示相对的声频文档;C、为视頻文档出示表明特性的旁白;D、为网页页面加上lang特性指出常用語言,暂设成zh(汉语),若网页页面出現别的語言再另作解决。 3.2 网站无障化的完成 依照前边的设计方案计划方案,以WCAG2.0标准为标准则,对“老年人网”的和一部分二级网页页面开展了改善设计方案。在其中一部分改动內容可以根据人眼立即看得出转变,例如构造合理布局的简单化、字体样式的尺寸等,可是绝大多数的改动內容還是必须根据具体的实际操作才可以体会获得转变,如便捷键的应用、色调比照度难题(一切正常人根据人眼将会感觉前后左右没有什么转变,可是针对视障人员则有非常大区别)、迅速导航栏及各种各样照片和连接的內容提醒作用等。无障化改善后的首页相较前的构造更为清楚一目了然,沒有过剩的內容。文本更大,且色调比照度有一定的提升,层面了老年人视障人员的阅读文章。此外,在导航栏一部分设定了绕过导航栏作用,各部件设定了便捷键,有益于迅速阅读文章。同时需有的连接、照片等部件都加上了文字表明,有益于读屏手机软件的实际操作。见图1。 图1 改善前后左右的

<
>

 
QQ在线咨询
售前咨询热线
18720358503
售后服务热线
18720358503
返回顶部