我们对无障碍网站设计规范不是很了解,如果有高手愿意指点,或者帮助开发,愿以酬金相谢!我的QQ:84802463,电子邮箱:[email protected]

解决方案 »

  1.   

    台湾的一份开发无障碍网页的规范,总结来说是以下14条:无障碍网页的十四条规范:
    规范一:对于听觉及视觉的内容要提供相等的替代文字内容 
    规范二:不要单独靠色彩来提供特殊信息 
    规范三:适当地使用标记语言和样式窗体 
    规范四:阐明自然语言的使用 
    规范五:建立编排良好的表格 
    规范六:确保网页能在新科技下良好地呈现 
    规范七:确保使用者能处理时间敏感内容的改变 
    规范八:确保嵌入式使用者接口具有直接可及性 
    规范九:设计装置独立网页 
    规范十:使用过渡的解决方案 
    规范十一:使用国际与国内官方订定的技术和规范 
    规范十二:提供内容导引信息 
    规范十三:提供清楚的浏览网站机制 
    规范十四:确保简单清楚的网页内容点击下载DOC和PDF文档。全文内容 [ stream.lcjh.tpc.edu.tw/Net-history/enable.htm ]
    ===============内容大纲 
    壹、前言
    贰、无障碍网页设计准则
      一、无障碍网页可及性设计原则
      二、无障碍网页设计程序
    参、优先等级
    肆、检测等级
    伍、十四条规范
    陆、标准检测码
      一、检测码格式
      二、检测码讯息
    附件:中英名词对照
       参考标准 
    --------------------------------------------------------------------------------壹、前言
         本规范的规划和订定主要是参考W3C(World Wide Web Consortium)协会的WAI(Web Accessibility Initiative)组织订定的无障碍网页内容标准相关规范,并参照各国在制定无障碍网页相关政策和推广策略的做法,及国内近年来在身心障碍者保护政 策、无障碍空间的推动、视觉障碍者在无障碍网络相关措施的努力等经验所订定。
        本规范所订定的网页各种可及性设计的准则内容,其适用范围包 括有视觉障碍 (visual disabilities)、听力障碍 (hearing disabilities)、肢体障碍 (physical disabilities)、和认知障碍或神经疾病 (cognitive or neurological disabilities)等方面的身心障碍人士使用网页信息所必须考虑的种种因素。除此之外,其考虑因素也包括这些身心障碍人士所使用的特殊上网装置 (包括屏幕阅读机、屏幕扩大机、特殊按钮、特殊键盘、特殊显示装置、点字输入装置和点字显示器等),这些装置可能是使用各种不同的操作系统,或只具有基本 的网页浏览功能。
        本规范可供公众网站的拥有者、网站管理人员、网页开发者、及身心障碍人士使用,网站拥有者及网页开发人员在规划网站的架 构与内容时,应先参考本规范,以开发出无障碍的网站。若是网站内容无法符合本规范的相关条文,应该依据本规范的条文做必要的修改以符合网页的无障碍设计。 身心障碍人士在上网浏览网站信息时,若碰到无法克服的障碍,可参考本规范的条文透过适当管道要求网站拥有者予以修正。
        本规范内容包括无障 碍网页可及性设计四项原则、三个优先等级、六个检测等级、十四条规范、和八十九个标准检测码。其章节安排的顺序可提供一个信息网站在处理无障碍网页的规 划、开发、设计、检测、和认证等工作时,可以依各发展阶段对于无障碍网页开发的需要提供相关的指引。贰、无障碍网页设计准则 
    本章说明网页开发人员在设计网页时应该依循的作业方式和考虑原则。一、无障碍网页可及性设计原则
      网页开发人员在规划网站的架构、资源内容的整理和呈现的处理、网页相关技术的取舍等相关因素时,应该依循下列四个无障碍网页可及性设计原则。 
    原则一:多媒体相关信息的可及性 
       针对网页内各种多媒体信息(包括影像、图形、语音、音乐、影片等)应加入替代或等值的文字以提高这些信息的可及性。因为这些替代文字可以让屏幕阅读机、 点字显示器等各种特殊输出装置做进一步处理,让视觉障碍者或听觉障碍者可以使用其它替代方式获得其信息内容。至于针对认知障碍或神经疾病人士而言,应该在 网页的重要信息上避免使用炫光、快速动态影像等媒体效果,以免造成其在使用网页时的不适。
      有关此原则的详细内容包括在规范一、二、四、七、十四。 
    原则二:网页结构和呈现处理的可及性 
       网页结构的设计很容易因为网页呈现美观的考虑而牺牲可及性设计。例如,网页设计者可能因为考虑网页文字对齐和美观,而采用表格和页框做排版功能,如此一 来网页就可能具有许多无任何信息意义的表格和页框而混淆了特殊输出入装置的处理功能;网页设计者可能因为要凸显信息内容的对照关系而采用不同颜色的区域, 这可能造成特殊输出入装置无法辨识的状况。以上设计的方式都可能破坏网页的可及性设计,因此在规划网页结构和呈现时应同时考虑可及性的因素,适当的使用网 页的结构卷标,忠实地利用结构和呈现卷标原先设定的功能,毋贪一时的便利或美观而混用不当的标签。
      有关此原则的相关详细内容包括在规范二、三、五。 
    原则三:网页开发和输出入装置相关技术处理的可及性 
       全球信息网相关技术的进步日新月异,随时会出现许多新的技术,包括新的输出和输入装置、Script语言、网页内的程序对象、网页排版语言、以及特殊媒 体技术等。网页设计在融入这些技术时,应考虑提供给身心障碍人士的特殊上网装置可能尚不支持此项技术,因此在新技术引入时,应该考虑网页信息在不支持此技 术时的各种可及性替代方案,让身心障碍人士可以在不支持此技术时,仍然可以使用此网页的信息内容。例如,网页设计应考虑网页使用者可能无法使用鼠标,因此 必须考虑使用替代键盘人士操作网页的相关需求;网页设计在使用到网页内的程序对象时,必须考虑特殊上网装置可能无法执行此程序对象,因此应该提供替代网页 或相关措施让使用网页者可以获得其信息内容。
      有关此原则的详细内容包括在规范六、八、九、十、十一。 
    原则四:网站浏览机制的可及性 
       网站内各网页的浏览机制应考虑可及性操作的需求。身心障碍者因为其障碍的差异,在使用特殊上网装置浏览网页时,其浏览操作不如市面上一般浏览器那么方便 和灵活,因此网站浏览机制的设计应力求简单清楚,让网页使用者可以依其需求来浏览网站。例如有些肢体障碍者只能做小区域的操作,网页信息的安排和设计应考 虑其限制,让使用者仍然能够浏览网站信息。
      

  2.   

    有关此原则的详细内容包括在规范十二、十三。 
    二、无障碍网页设计程序
      本节说明网页开发人员如何在网站开发过程中融入本规范所规定的各种网页无障碍考虑,使开发完成的网站信息具有无障碍设计,以方便所有人士使用网站信息。 
    步骤一:网站规划阶段 
       网页开发者应该依照无障碍网页可及性设计的四个原则来整理信息和规划网站。例如,在整理网站的多媒体信息时,应该订出良好的描述规则来设计各种多媒体资 讯的替代文字说明;对于输入项目多且操作功能复杂的网页,应该考虑使用替代网页;网页各项操作不应限定只能以鼠标操作,应该考虑键盘操作;网站的子系统网 页架构不宜太复杂,网页的配置和结构也力求单纯,以方便身心障碍者浏览。 
    步骤二:网站设计阶段 
      网页开发者在设计个别网页时,应 该依照无障碍网页十四条规范的内容和精神来设计网页使用的卷标和相关处理对象。例如,适当的使用网页结构卷标和呈现窗体,不应该贪一时的便利或美观而混用 不当的标签。另外,网页开发者在网页编辑工具的选择上,可尽量选择具有网页可及性功能的网页编辑工具。在多媒体信息和网页文件的格式上,可以尽量选用具有 可及性特性的档案格式和技术。例如W3C订定的SMIL多媒体语言和其它格式的多媒体语言比较起来就有较佳的可及性和开放性。另外,W3C订定的SVG二 维向量图语言和具有类似功能的Flash向量图格式比起来,也有较佳的可及性和开放性。 
    步骤三:网站检测阶段 
      网页完成后,网页 开发者可透过无障碍网页检测工具来检测网页的可及性设计。本规范订定了六种检测等级注,其中有三种检测等级是可由机器自动检测; 有三种检测等级是必须由人工加以判别与检测。网页开发者可以先使用相关检测工具做机器检测的作业。若机器检查出来有未通过的检测码,可参考标准检测码相关 讯息和范例说明来做网页规划和设计的修改。网页经过机器检测之后对于有些检测码的内容和检测项目无法由机器判别与检测者,则须再由人工依检测码的内容做判 别与检测的作业。人工检测作业的部份可以采取自我认定或由一个公正机构或组织来处理,其施行细节再由相关办法规范之。 
    步骤四:网页认证阶段 
      网页内容通过检测完成后,网页开发者可以依据相关网页通过的检测等级在本规范相关的官方网站内下载各个检测等级所对应的检测认证标章,并参照其规定方式在网页的适当位置放置检测认证标章和说明。让网页使用者可以得知此网页通过的无障碍网页规范认证的等级。
      注:检测等级的详细内容请参照请本规范第肆章检测等级。 
    参、优先等级
       本规范为了让网页开发者和网页使用者能够对网页的可及性设计有明确的评估方式和一致的认定准则,特参考WAI组织在相关无障碍网页标准的设计,以三个优 先等级来规范无障碍网页的可及性设计。此三个优先等级会直接反映到本规范订定的十四条规范、标准检测码、检测等级、和检测认证标章。三个优先等级的定义如 后所示: 
    一、第一优先权
      网页内容开发者在开发网页时必须满足这个检测码。否则,某些使用者或团体将会发现不可能使用此文件的信息。满足这个检测码对一些使用网页文件的团体来说,是一种基本的需求。 
    二、第二优先权
      网页内容开发者在开发网页时应该满足这个检测码。否则,某些使用者或团体将会发现有困难来使用此文件的信息。满足这个检测码,将可对网页文件移除重要障碍。 
    三、第三优先权
      网页内容开发者在开发网页时可以纳入这个检测码的要求。否则,某些使用者或团体将会发现有可能有困难来使用此文件的信息。满足这个检测码,将可对网页文件改善可及性。 
    肆、检测等级
       本规范在网页无障碍设计的检测等级的规划在设计时经参考国内外相关的做法,考虑三个主要因素:优先等级、机器检测还是人工检测、以及标准检测码的状态。 其中优先等级的考虑可以反映网页设计的可及性程度;机器检测或人工检测的考虑可以反映检测者的身份;标准检测码的状态的考虑可以反映检测处理方式的认定。 
    机器检测(M)
      单星级:通过第一优先权、检测状态注为0的检测码
      双星级:通过第一、二优先权、检测状态为0的检测码
      参星级:通过第一、二、三优先权、检测状态为0的检测码人工检测(H)
      单星级:通过第一优先权、检测状态为1和2的检测码
      双星级:通过第一、二优先权、检测状态为1和2的检测码
      参星级:通过第一、二、三优先权、检测状态为1和2的检测码
      注:标准检测码的状态的定义请参照本规范第陆章第一节标准检测码格式。伍、十四条规范
      本规范为了让网页开发者能够对网页开发在可及性设计的考虑上有明确的规范条文,特参考WAI组织在相关无障碍网页标准的设计,以十四条规范来引导网页开发者设计可以让所有人士都可以使用的无障碍网页。 
    规范一:对于听觉及视觉的内容要提供相等的替代文字内容 
      网页开发者在网页中遇到非文字的听觉或视觉内容时,如果能同时提供同等内容的替代文字,将可使听觉障碍或视觉障碍者能够无碍地浏览和获取这些信息内容。
       视觉的内容包括图像、图表、动画等,而听觉的内容则包括音乐、语言和各种音讯。本规范所指的同等内容是指能描述视觉或听觉内容的一段文字叙述。譬如一个 连接到下一页的向右箭头的图像,「下一页」是适当的替代性文字;譬如一个烟火的动画,「有烟火声效的烟火场景动画」,则是适当的替代视觉与听觉的内容。
       这些替代文字在网页中所带给我们的方便性与好处是因为语音合成器与点字显示器等技术的成熟。网页信息可藉由这两项技术,让非文字内容得以让视觉障碍者用 听的或触摸的方式了解其信息内容;对于一些有阅读困难的人(经常伴随着认知障碍、学习障碍、和耳聋)的人来说,要了解这些非文字的内容,可经由语音合成器 来朗读替代文字,将有极重要的帮助;替代文字的显示不但可以符合听障者的需求,对于非身心障碍的一般网页浏览者也是有额外的帮助。 
    规范二:不要单独靠色彩来提供特殊信息 
       对许多人而言,颜色本身有它的内涵,譬如我们习惯用红色来表示重要的信息,但是在非彩色屏幕环境下或对颜色辨识能力有障碍的人而言,原本颜色所传达的讯 息可能会散失或受损,网页内容的传达将达不到可及性要求。譬如当前景和背景在色泽上太接近时,有的人可能无法分辨;譬如不同物品的叙述用不同颜色来代表 时,有的色盲者可能也无法分辨。 
    规范三:适当地使用标记语言和样式窗体 
      在一般的网页标记语言中,标记有分作结构标记 (structural up)与呈现标记(presentation up)两种,两者在内涵上意义完全不同,在呈现效果上也有不同。例如表格卷标、窗体卷标、标题卷标、段落卷标等都是结构标记;粗体字卷标、斜体字 卷标、换行卷标、保留文字编排卷标等都是呈现标记。网页设计者使用标记语言时,须严格遵守此标记的原本设计的目的,以避免身心障碍者在浏览网页时所使用的 特殊软件解读这些标记时产生误解。例如非表格信息使用表格卷标来产生呈现编排效果、如使用标题卷标来产生大字体的效果、如使用保留文字编排卷标来产生类似 表格的编排呈现效果,都是一些常见的错误使用范例。 
    规范四:阐明自然语言的使用 
      本条规范所指的自然语言是指中文、英文、日文或 韩文等语言。网页设计者应该在文件里标示自然语言使用的变化,以方便语音合成器和点字输出机来处理,以自动地将其转换成新的语言,让不同语言的使用者能顺 利读取这份文件。网页设计者也应该定义文件内容的主要自然语言;遇到缩写和简称,应提供进一步的说明,以免造成语音合成机或点字输出机的误判解读。而且这 些自然语言的标记可以让搜寻引擎藉由这些标记来精确找出具有关键词的相关文件。对学习障碍、认知障碍、或听觉障碍者而言,自然语言标记也改进了网页的可读 性。 
    规范五:建立编排良好的表格 
      表格是网页信息的一种特殊数据架构,其包括的行、列、和数据格都有特别的信息涵义,因此浏览器 在碰到网页的表格卷标时,都提供可以适当呈现表格的相关功能。但是许多人在网页开发时,表格呈现在各行和各列的整齐划一特性让许多人非常喜欢用来做网页资 讯的呈现排版功能。如此使用对于一般浏览器使用者而言,并不会造成任何问题,而且网页呈现也整齐美观。但是这种处理方式对于使用屏幕阅读机或点字显示器等 各种特殊输出装置的视障人士而言,非表格结构的信息以表格卷标来处理时,网页内容会被切割成顺序错乱且无法理解的信息。
      因此网页开发者应该避免使用表格卷标做单纯排版功能。在使用表格来呈现信息时,应该确实设计表格应有结构,表格的行和列以及表格本身应该利用适当卷标来标明行标题、列标题、以及表格标题。 
    规范六:确保网页能在新科技下良好地呈现 
       因特网的技术日新月异,网页开发者往往在设计网页时,会使用新科技来强化其网页运作功能,因而忽略掉使用旧浏览器来处理信息的人士可能发生的种种问 题。因此网页开发者应该要确认在较新的科技不支持或关掉的时候,网页仍然具有可及性,仍然可以让使用者处理网页内的信息。