电子计算机中心 王元良95.12.21
无障碍的认知
外在环境的安适网页的浏览资讯的取得
身心障碍者浏览网页的困难
在茫茫网海,找不到网页.无法判读与打字输入不方便.英文接受能力.网页字体太大或太小.辅具无法辨识图表及颜色内容.
何谓无障碍网页
「无障碍网页」(WEB Content accessibility)不论身心是否有障碍,每个人都有权利存取网路资源.透过无障碍网页的设计,使任何使用者都能更便利地使用网站,排除使用网页时可能遇到的问题.网际网路发展之初,主要是分享不同电脑间的文字资料.随著多媒体、超媒体的发展,许许多多的网页技术不断被开发出来,为了能吸引使用者的目光,网页设计者大量的图片、语音、动画等充斥网页,但却未在同时考虑身心障碍者在使用这些资讯时所可能碰到的问题,因而造成今日的网际网路障碍重重.
何谓无障碍网页
为了改善这个问题,许多世界性的组织,包括我国政府都开始注意到相关的问题,因此提倡「网际网路无障碍」的概念,希望提供一个平等参与的网路服务空间.
了解无障碍网页
开发无障碍网页并不困难基於W3C的HTML规范.是落实网页设计的一种具体目标.讲究平权国家的进步指标先进国家推动资讯社会的重要议题.无障碍网页落实=数位落差缩短无障碍网页不一样就是不一样对广大身心障碍者是不可或缺的.要欺瞒无障碍网页检验器是很容易的,但是那样不会让您的网页无障碍.
无障碍网页检测
行政院研考会无障碍网页检测
可以被辨识的网页内容
图片替代文字表格处理色彩处理-颜色问题
图片替代文字
萤幕朗读软体可以读得到文字纯文字浏览器能显示这段文字Google 会为这段文字建立索引浏览器(例如IE, Netscape)则会用工具提示或者在状态列显示出来
图片替代文字
有意义的替代文字条列式小图示的alt可采用"*"无意义的装饰性图示以alt=""标示应避免使用跳动的图片,观看者容易分心及造成眼睛的不适.且较容易剌激心脏病及气喘等患者.
多媒体替代内容
影片、声音视觉障碍者可以用听的.对白/独白、字幕听觉障碍者可以读取并了解内容.歌曲、歌词听觉障碍者可透过文字瞭解歌曲内容.
表格处理
为了让视觉障碍者可理解表格资讯必须标明表格行和列的标题结构化的标记彼此的关系
表格处理
表格摘要说明使用<summary>…… </summary>5.5:H305004 表格须提供表格摘要说明(如summary属性) . 范例说明
表格处理
表格标题使用<CAPTION>…… </CAPTION>5.6:H305105 资料表格须提供标题说明 . 范例说明
表格处理
表格行列标题使用<TH>5.1:H105100 对於每一个存放资料的表格(不是用来排版),标示出行和列的标题. 范例说明
表格处理
结构化表格:使用th 标签中 scope 属性栏 :col、列:row复杂的表格:使用th 标签中axis属性、headers属性及id属性
表格处理
Table tag须使用summary属性.视觉障碍者的网页阅读系统能够读取Summary资讯,可以事先得知表格内的资料种类,增加阅读网页的便利性.
色彩处理-颜色问题
色彩处理重点前景和背景色泽若太接近,会混淆显示内容.在浏览上,会比较吃力.
色彩处理-颜色问题
避免使用颜色表示重点 (在无颜xx况下,无法强调重点)可以底线表示重点 (在无颜xx况下,仍可强调重点)或以颜色及加上斜体表示重点 (在无颜xx况下,仍可强调重点)
网页标题
设定网页标题用意为,让使用者储存我的{za}时,有清楚的网页标题名称.简单的说明标题,内容避免笼统不清.<title>国立台南大学</title>
游标顺序
使用tabindex属性设定TAB键在表单控制项的移动顺序.使用者按下TAB键时,控制键的顺序将会依照连结中tabindex的设定值大小决定移动顺序.
开新视窗
由於视觉障碍者难以察觉正在浏览的网页将转换至其他页面,及跳回原浏览网页的困难,如开新视窗须告知使用者.若网页中有需要开启新视窗,建议让使用者自行操作.target="_blank" alt= ="电算中心(另开视窗)"
我国无障碍网页开发规范
十四条规范九十条相关的检测要点分属:{dy}优先第二优先第三优先又可区分为:机器辨识 / 机器检测–可透过检测工具辨识、检测.机器辨识 / 人工检测–可透过检测工具辨识,但还需由人工的方式去检测是否符合规范.人工辨识 / 人工检测–xx需要人工的方式来辨识、检测.
无障碍网页十四条规范
规范一:对於听觉及视觉的内容要提供相等的替代文字内容 规范二:不要单独靠色彩来提供特殊资讯 规范三:适当地使用标记语言和样式表单 规范四:阐明自然语言的使用 规范五:建立编排良好的表格
无障碍网页十四条规范
规范六:确保网页能在新科技下良好地呈现 规范七:确保使用者能处理时间敏感内容的改变 规范八:确保嵌入式使用者介面具有直接可及性 规范九:设计装置独立网页 规范十:使用过渡的解决方案
无障碍网页十四条规范
规范十一:使用国际与国内官方订定的技术和规范 规范十二:提供内容导引资讯 规范十三:提供清楚的浏览网站机制 规范十四:确保简单清楚的网页内容
无障碍网页规范{dy}条
规范一:对於听觉及视觉的内容要提供相等的替代文字内容网页开发者在网页中遇到非文字的听觉或视觉内容时,如果能同时提供同等内容的替代文字,将可使听觉障碍或视觉障碍者能够无碍地浏览和获取这些资讯内容. 视觉的内容包括图像、图表、动画等,而听觉的内容则包括音乐、语言和各种音讯.本规范所指的同等内容是指能描述视觉或听觉内容的一段文字叙述.譬如一个连接到下一页的向右箭头的图像,「下一页」是适当的替代性文字;譬如一个烟火的动画,「有烟火声效的烟火场景动画」,则是适当的替代视觉与听觉的内容. 语音合成器与点字显示器等技术的成熟.网页资讯可藉由这两项技术,让非文字内容得以让视觉障碍者用听的或触摸的方式了解其资讯内容.
无障碍网页规范第二条
规范二:不要单独靠色彩来提供特殊资讯对许多人而言,颜色本身有它的内涵,譬如我们习惯用红色来表示重要的资讯,但是在非彩色萤幕环境下或对颜色辨识能力有障碍的人而言,原本颜色所传达的讯息可能会散失或受损,网页内容的传达将达不到可及性要求.譬如 当前景和背景在色泽上太接近时,有的人可能无法分辨;譬如不同物品的叙述用不同颜色来代表时,有的色盲者可能也无法分辨.
无障碍网页规范第三条
规范三:适当地使用标记语言和样式表单在一般的网页标记语言中,标记有分作结构标记( structural markup )与呈现标记( presentation markup )两种,两者在内涵上意义xx不同,在呈现效果上也有不同. 例如表格标签、表单标签、标题标签、段落标签等都是 结构标记;粗体字标签、斜体字标签 、换行标签、保留文字编排标签等都是呈现标记.网页设计者使用标记语言时,须严格遵守此标记的原本设计的目的,以避免身心障碍者在浏览网页时所使用的特殊软体解读这些标记时产生误解.例如非表格资讯使用表格标签来产生呈现编排效果、如使用标题标签来产生大字体的效果、如使用保留文字编排标签来产生类似表格的编排呈现效果,都是一些常见的错误使用范例.
无障碍网页规范第四条
规范四:阐明自然语言的使用 本条规范所指的自然语言是指中文、英文、日文或韩文等语言.网页设计者应该在文件里标示自然语言使用的变化,以方便语音合成器和点字输出机来处理,以自动地将其转换成新的语言,让不同语言的使用者能顺利读取这份文件.网页设计者也应该定义文件内容的主要自然语言;遇到缩写和简称,应提供进一步的说明,以免造成语音合成机或点字输出机的误判解读.而且这些自然语言的标记可以让搜寻引擎藉由这些标记来xx找出具有关键字的相关文件.对学习障碍、认知障碍、或听觉障碍者而言,自然语言标记也改进了网页的可读性.
无障碍网页规范第五条
规范五:建立编排良好的表格表格是网页资讯的一种特殊资料架构,其包括的行、列、和资料格都有特别的资讯涵义,因此浏览器在碰到网页的表格标签时,都提供可以适当呈现表格的相关功能.但是许多人在网页开发时,表格呈现在各行和各列的整齐划一特性让许多人非常喜欢用来做网页资讯的呈现排版功能.如此使用对於一般浏览器使用者而言,并不会造成任何问题,而且网页呈现也整齐美观.但是这种处理方式对於使用萤幕阅读机或点字显示器等各种特殊输出装置的视障人士而言,非表格结构的资讯以表格标签来处理时,网页内容会被切割成顺序错乱且无法理解的资讯. 因此网页开发者应该避免使用表格标签做单纯排版功能.在使用表格来呈现资讯时,应该确实设计表格应有结构,表格的行和列以及表格本身应该利用适当标签来标明行标题、列标题、以及表格标题.
无障碍网页规范第六条
规范六:确保网页能在新科技下良好地呈现网际网路的技术日新月异,网页开发者往往在设计网页时,会使用新科技来强化其网页运作功能,因而忽略掉使用旧浏览器来处理资讯的人士可能发生的种种问题.因此网页开发者应该要确认在较新的科技不支援或关掉的时候,网页仍然具有可及性,仍然可以让使用者处理网页内的资讯.
无障碍网页规范第七条
规范七:确保使用者能处理时间敏感内容的改变在网页资讯中所谓时间敏感内容是指网页显示的资讯可能会以可移动、闪烁、或 卷轴等方式来呈现或自动更新资讯内容.因为某些有认知障碍、神经疾病人士在 阅读快速移动的文字或 闪烁的图形会造成其注意力分散或者身体不适的现象;视觉障碍者所使用的萤幕阅读机的功能可能无法阅读卷轴文字;肢体障碍者可能因为只能做小区域的操作,而不能和移动中的资讯内容做互动操作.为了顾及以上人士使用网页的需求,网页开发者应该小心使用这些 时间敏感内容的操作设计,要确定浏览器所提供的控制机制可让身心障碍人士处理这些资讯,否则就应该考虑提供这些资料物件或网页的替代方案.
无障碍网页规范第八条
规范八:确保嵌入式使用者介面具有直接可及性网页在设计使用者介面的操作时,必须确认其是否遵循了可及性设计的原则,亦即使用者介面的功能和操作使用是否有考虑到网页使用者可能无法使用滑鼠操作,因此网页的使用者介面的操作设计应该具有键盘可操作化、或者可自行发声等特性. 当一个网页内的嵌入式物件拥有它的自有的介面时,这介面 必须是具有可及性的设计.假如嵌入物件的介面无法做到可及性设计,就必须提供一个可及性的替代解决方案.
无障碍网页规范第九条
规范九:设计装置独立网页装置独立网页所代表的意思是指网页使用者可以使用他们偏爱的输入(或输出)装置 — 如滑鼠、键盘、声音输入、头杖、或者其他输入装置 来和其使用的浏览器互动 . 举例来说,如果一个网页内输入功能的控制只能以滑鼠或其他的点选设备来启动,那麽对那些无法使用一般浏览器而必须以声音输入、或者以键盘或其他非点选设备来使用网页的人而言,将会无法使用这个网页. 网页开发者在使用影像地图或当成连结使用的影像时,所使用的替代文字说明部份,可以让使用者在不必使用滑鼠等点选设备就能与他们互动.此部份的说明也可参考规范 1.
无障碍网页规范第十条
规范十:使用过渡的解决方案本条规范所指的 「 过渡的 」是指网页语言内有新技术出现时,可能因为厂商发展的浏览器所实作的功能还不完备,无法充分提供可及性考量时,网页开发者在使用此新技术时,应该额外设计和提供 可及性的解决方案,使运用辅助科技和较旧版的浏览器仍能正确的操作.举例来说, 较旧版的浏览器不允许使用者浏览至空的编辑对话框 ( empty edit boxes) . 较老旧的萤幕阅读器在阅读连续的一串连结时,会将其视为只有一个连结.这些网页内功能强大的主动元件因而变成存取困难或根本无法存取.同样地,网页内的超连结操作产生改变现有的视窗或突然出现新视窗的动作时,对於无法看到这些状况的使用者来说,也可能会是非常迷惑的. 这些过渡的可及性的解决方案,并非是{yj}需要,可能在厂商发展的新版浏览器所实作的功能完备时,即可提供新技术在订定发展之时所规划的可及性功能.因此一旦网页科技已经合并了预期的特性或能力,可能这些检测码在未来就不是必要的.
无障碍网页规范第十一条
规范十一:使用国际与国内官方订定的技术和规范网页开发者在设计网页时,应该尽量使用广泛被采用的国际与国内官方订定的技术和规范,避免使用单一厂商开发的特殊网页技术.因为许多国际订定的技术和规范会考虑技术的开放性和各系统的互通性,而且也往往有比较多的可及性考虑.例如 W3C协会订定的相关语言和技术在设计阶段即与相关企业一起考量可及性的问题.若目前使用这些语言和技术仍无法提供足够的可及性功能,也比较能够提供替代的可及性方案. 目前网页技术还有许多非 W3C协会订定的格式(如:PDF、Shockwave等等)需要以外挂程式或其他的应用软体来观看.这些格式经常不能以标准的浏览器以及其他现有的各种辅助科技来观看或浏览.避免使用非 W3C