亲和力工具列与 WCAG 1.0 (中文)

本页导览: 优先顺序 1 | 优先顺序 2 | 优先顺序 3

简介

本工具列具有许多不同的功能, 能够检测网页内容及源码的各种不同面向. 这在手动检测许多网站内容亲和力指导原则的检核要点时会很有用. 没有任何工具列的功能能够告诉您某一个网页是否满足某个特定的检核要点, 但是它们却能协助您评估这件事.

范例:

对于检核要点 4.1 "在文件内文所使用的自然语言更换时, 予以明确地识别" 来说:

'文件信息 > 显示语言 (Lang) 属性' 的功能会指认源码中所指定的语言. 如果页面有指定主要使用的语言, 那么它就会在内容顶端插入 HTML 所指定的语言. 任何其它指定的语言则会以高亮度标示出起迄范围.

检查是否所有用了不同语言的内容, 都有识别出来.


对于 检核要点 3.3 "使用样式表来控制版面呈现" 来说:

'CSS > 停用 CSS' 的功能会把网页按照没有 CSS (不管是行内 CSS, 页内 CSS 或来自外部档案的 CSS) 的样子描绘出来. 如果还是可以看到非预设的色彩, 字型体系, 字型大小等, 那么大概就表示用了非 CSS 的呈现技巧; 如果网页内容还是被画成分栏格式的话, 那么很有可能用了表格排版 (也就是非 CSS 的排版) 技巧.


对于 检核要点 3.5 "按照规格来使用标头 (header) 组件, 以表达文件结构" 来说:

'结构 > 标头' 的功能会指认出源码中所有的标头标记 (也就是 h1 - h6 的组件), 并且会把页面内容中的标头部分用高亮度标示出来.
请检查是否每一个视觉上该是标头的部分都以标头组件来标记, 第一层的标头是以 'h1' 来标记, 标头标记的巢状结构正确, 而且标头层级没有被跳过 (也就是 h1 的下一层一定要是 h2, h2 的下一层一定要是 h3, 依此类推).

'结构 > 标头结构' 的功能能够用来检查标头的巢状结构是否恰当.

优先顺序 1 检核要点

通论 (优先顺序 1) 工具列功能
1.1 对于所有的非文字组件, 均提供一份具相同意义的文字内容 (例如用 "alt" 或 "longdesc" 属性, 或者在组件内容中提供). 这些非文字组件包括有: 图片, 用图形呈现的文字 (包括符号), 影像地图区域, 动画 (例如动画 GIF), 小应用程序 (applet) 程序性的对象, 用字符拼凑的图案 (ascii art), 框架 (frame), 脚本 (script), 用于清单符号的图片, 用来调整间距的对象, 图案式的按钮, 声音 (无论是否透过使用者互动来播放), 单独的音讯档案, 视讯档案的音轨以及视讯. 图片
  • 图片清单
  • 切换图片/替代文字
  • 显示图片
IE 选项
  • 显示图片
2.1 确保所有透过色彩所传递的信息, 例如内容或装饰, 就算在没有色彩的情况下也还是能提供. 色彩
  • 灰阶
  • Vischeck 色盲仿真程序 (红绿色盲)
工具 > 仿真
  • 色盲
4.1 在文件中, 任何内文或等义文字 (例如 caption 说明) 所使用的自然语言更换时, 予以明确地识别. 文件信息
  • 显示语言 (Lang) 属性
6.1 组织文件, 使其就算在没有样式表的情况下也能加以阅读. 举例来说, 当某个 HTML 文件没有按照关联的样式表来绘制时, 一定要还是能阅读文件内容. CSS
  • 停用 CSS
  • 显示样式表
  • 测试样式
IE 选项
  • 套用 CSS
6.2 确保动态内容的等义文字, 在动态内容变更时也能一并更新. IE 选项
  • 使用 Javascript
  • 使用 ActiveX
结构
  • 框架边框
文件信息
  • 网页信息
  • 诠释数据信息
7.1 除非使用者代理程序能让使用者控制闪烁的情况, 否则就应该避免在屏幕上形成闪烁效果. 工具
  • 仿真
    • 闪烁图片样本
14.1 根据网站内容, 使用最为浅显易懂的语言. 工具
  • Juicy Studio Tools
    • 可读性测试
如果您用了图片或影像地图的话 (优先顺序 1)
1.2 针对服务器端影像地图中的每一个有效区域, 均提供额外的文字链接. 图片
  • 显示影像地图
文件信息
  • 列出链接
9.1 除非有区域无法以可用的多边型形状来定义, 否则应该提供使用者端的影像地图, 而非服务器端的影像地图. 图片
  • 显示影像地图
如果您用了表格的话 (优先顺序 1) ?
5.1 对于数据表格来说, 应标明每一栏与每一列的标头. 结构
  • 单纯的数据表格
  • 完整的数据表格
工具
  • Juicy Studio Tools
    • 完整表格视察程序
5.2 对于逻辑上有两层以上的栏标头或列标头的表格来说, 应使用标记来建立数据储存格与标头储存格间的关联. 结构
  • 完整的数据表格
如果您用了框架的话 (优先顺序 1)
12.1 为每一个框架加上标题, 藉此促进框架的指认与导览. 结构
  • 框架名称 / 标题
如果您用了小应用程序 (applet) 与脚本 (script) 的话 (优先顺序 1)
6.3 确保在脚本, 小应用程序或其它程序型对象在被关掉或不被支持的情况下, 网页仍可使用. 如果实在不可能办到的话, 就该提供等义的信息或其它具亲和力的网页. IE 选项
  • 使用 Javascript
  • 使用 ActiveX
工具
  • 检视所生出的源码
  • 仿真
    • 停用外挂程序
如果您用了多媒体的话 (优先顺序 1)
1.3 除非使用者代理程序能自动地将视讯的等义文字朗读出来, 否则就应该提供听觉性的描述内容, 以表达视讯或多媒体呈现的重点信息. 文件信息
  • 列出多媒体档案
1.4 对于任何时间性的多媒体内容 (例如电影或动画), 都应该将等义替代对象 (例如字幕或视讯的听觉性描述) 与媒体播放同步化. 文件信息
  • 列出多媒体档案
如果这些都失败了的话 (优先顺序 1)
11.4如果尽您所能之后, 仍然无法建立具亲和力的网页的话, 那么您应该要另外建立一个具亲和力的网页; 该网页应使用 W3C 推荐的技术, 具备亲和力, 提供等义的信息 (或功能), 并且更新频率应与那个不具亲和力 (也就是原来的) 网页一致. 无

回至页顶

优先顺序 2 检核要点

通论 (优先顺序 2) 工具列功能
2.2 确保前景色与背景色的搭配组合, 即使在色盲患者的眼中, 或在黑白屏幕里, 都应该要能提供充足的对比. [图片的优先顺序为 2, 文字的优先顺序为 3]. 色彩
  • 灰阶
  • 页面使用的色彩
工具
  • Juicy Studio Tools
    • 对比分析程序
    • CSS 亲和力分析程序
3.1 如果有合宜的标记语言, 就应该使用标记来传递信息, 而不该用图片来传递信息. 图片
  • 图片清单
  • 显示图片
3.2 使用合于已发布的正式语法来建立文件. 验证
  • W3C HTML 验证程序
  • WDG HTML 验证程序
  • W3C HTML 美容程序 (Tidy)
  • W3C CSS 验证程序
CSS
  • 迂腐的 HTML
文件信息
  • 显示 DOCTYPE
3.3 使用样式表来控制版面呈现. CSS
  • 停用 CSS
  • 显示光标所指的组件样式
  • 显示样式表
IE 选项
  • 套用 CSS
3.4 在标记语言的属性值以及样式表的特性值中, 使用相对单位而不要用绝对单位. CSS
  • 停用 CSS
  • 显示光标所指的组件样式
  • 显示样式表
工具
  • Juicy Studio Tools
    • CSS 亲和力分析程序
变更大小
  • 640 X 480
  • 800 X 600
IE 选项
  • 套用 CSS
3.5按照规格来使用标头 (header) 组件, 以表达文件结构. 结构
  • 标头
  • 标头结构
3.6 用适当的方式标记清单及清单项目. 结构
  • 清单项目
3.7 标记引言. 不可以挪用引言标记来制造缩排等排版效果. 结构
  • 显示其它组件
6.5 确保动态内容也具备亲和力, 否则就该提供等义的内容呈现或网页. IE 选项
  • 使用 Javascript
  • 使用 ActiveX
结构
  • 框架边框
  • 显示其它组件
文件信息
  • 列出框架
  • 网页信息
7.2 除非使用者代理程序能让使用者控制闪烁的情况, 否则就应该避免造成内容的闪烁 (例如用固定的速率变更内容呈现, 像是开开关关等). 工具
  • 仿真
    • 闪烁图片样本
7.4 除非使用者代理程序能让使用者停止页面重新更新, 否则就不应该建立会定期自动更新的页面. 文件信息
  • 诠释数据信息
7.5 除非使用者代理程序能让使用者停止自动转向, 否则就不应该使用自动转向其它页面的标记. 另一方面, 您应该组态服务器的设定来处理转向. 文件信息
  • 诠释数据信息
10.1 除非使用者代理程序能让使用者关闭冒出来的窗口, 否则就不应该产生弹出式 (快显) 窗口, 也不该在未通知使用者的情况下就变更目前的窗口. 结构
  • JavaScript / 开往新窗口的链接
11.1 如果有可用且合宜的 W3C 技术, 就该使用 W3C 技术; 祇要 W3C 技术能被支持, 就应该尽可能地使用最新的 W3C 技术. 文件格式
  • 列出页面所连结到的 PDF
IE 选项
  • 使用 ActiveX
11.2 避免使用 W3C 技术所废弃的功能. CSS
  • 迂腐的 HTML
验证
  • W3C HTML 验证程序
  • WDG HTML 验证程序
12.3 使用自然且适切的方式, 将大块的信息分隔成若干更易于掌握的群组. 结构
  • 标头
  • 标头结构
  • 清单项目
  • 区块 / 卷标
13.1 明确地标示每一个链接所连往的目的地. 文件信息
  • 列出链接
  • 列出可供下载的档案
结构
  • JavaScript / 开往新窗口的链接
13.2 提供诠释数据以加入站台及页面的语意信息. 文件信息
  • 诠释数据信息
13.3 提供关于站台一般性规划的信息 (例如站台地图或目录). 无
13.4 使用一致的方法来提供导览机制. 无
如果您用了表格的话 (优先顺序 2)
5.3 不要挪用表格来用于排版, 除非该表格即便线性化后仍具有意义. 另一方面, 如果表格并不具有意义的话, 就该提供等义的替代对象 (这可能是线性化后的版本) 结构
  • 线性化 (移除表格)
  • 表格储存格次序
5.4 如果挪用了表格来排版, 就不该再使用其它的结构性标记来处理视觉排版效果. 结构
  • 简单的数据表格
  • 完整的数据表格
如果您用了框架的话 (优先顺序 2)
12.2 如果框架标题不够明白的话, 就应该描述每一个框架的目的, 以及每一个框架跟其它框架间的关联到底为何. 结构
  • 框架名称/标题
如果您用了表单的话 (优先顺序 2)
10.2 除非使用者代理程序能支持卷标及表单控制组件间的明确关联, 否则对于所有的表单控制组件及其不明确关联的卷标来说, 都应该确保这些卷标放置于适切的位置上. 无
12.4 明确地将卷标与其所关联的表单控制组件联系在一起. 结构
  • 区块 / 卷标
如果您用了小应用程序 (applet) 与脚本 (script) 的话 (优先顺序 2)
6.4 对于脚本及小应用程序来说, 都应确保事件处理程序应与输入接口无关. 结构
  • 事件处理程序
7.3 除非使用者代理程序能让使用者停住移动中的内容, 否则就应该避免页面内的对象移动. 无
8.1 让程序型组件如脚本及小应用程序等, 都能直接被协助性科技所取用, 或与协助性科技兼容 [如果功能很重要而且不在其它地方出现的话, 优先顺序为 1, 否则优先顺序为 2.] 文件信息
  • 指认脚本暨小应用程序
9.2 确保任何具有自身接口的组件, 其运作方式都与使用者的装置无关. 文件信息
  • 指认多媒体档案
  • 指认脚本暨小应用程序
9.3 对于脚本来说, 应指定逻辑上的事件处理程序, 而不应该指定特定装置的事件处理程序. 结构
  • 事件处理程序

回至页顶

优先顺序 3 检核要点

通论 (优先顺序 3) 工具列功能
4.2 应当在文件中每一个缩写字或头文字第一次出现时, 注明其全称. 结构
  • 头文字 / 缩写
4.3 应标明文件主要使用的自然语言. 文件信息
  • 显示语言 (lang) 属性
9.4 在链接, 表单控制组件及对象间, 建立合乎逻辑的跳位次序. 结构
  • 显示跳位次序
  • 跳位次序
?
9.5 应对重要的链接 (包括用户端影像地图中的链接), 表单控制组件和表单控制组件群组, 提供键盘上的快速键. 结构
  • 便捷键
10.5 除非使用者代理程序 (包括协助性科技) 能够清楚地绘出紧邻的两个链接, 否则就该在两个链接间安插不属于链接而又可被打印的字符 (并以空格隔开). 无
11.3 提供相关的信息, 让使用者能够按照其偏好 (例如语言, 内容型态等) 来取得文件. 无
13.5 提供导览列, 以强调并让使用者得以使用导览机制. 无
13.6 将相关的链接群聚在一起, 并 (为使用者代理程序) 指明该群聚; 然后, 除非使用者代理程序能加以处理, 否则还应该再提供能跳过该群聚的方法. 文件格式
  • 列出链接
13.7 如果有提供搜寻功能的话, 就应该让具有不同搜寻技巧等级或偏好的使用者, 能够使用不同类型的搜寻功能. 无
13.8在标头, 段落, 清单等的开头, 放置识别用的信息. 无
13.9 提供关于文件集 (亦即含有许多页面的文件) 的信息. 文件信息
  • 诠释数据信息
13.10 提供跳过多列字符图案 (ASCII art) 的方法. 无
14.2 为那些用来帮助理解页面的图形或听觉呈现, 提供额外的文字. 无
14.3 为多页的内容建立一致的呈现样式. 无
如果您用了图片和影像地图 (优先顺序 3)
1.5 除非使用者代理程序能绘制出用户端影像地图链接的等义文字, 否则就应该要为每一个用户端影像地图的有效区域提供额外的文字链接. 图片
  • 显示影像地图
如果您用了表格的话 (优先顺序 3)
5.5 应提供表格摘要. 结构
  • 简单的数据表格
  • 完整的数据表格
工具
  • Juicy Studio Tools
    • 完整表格视察程序
5.6 为标头卷标提供缩写. 工具
  • Juicy Studio Tools
    • 完整表格视察程序
10.3 除非使用者代理程序 (包括协助性科技) 能够正确地绘制出平行的文字, 否则就应该为所有使用平行文字或折行字段的表格, (在同一页或其它页面中) 提供线性的等义文字. AIS 认为这个检核要点被废弃了
如果您用了表单的话 (优先顺序 3)
10.4 除非使用者代理程序能正确地处理空白的控制组件, 否则就应该要在编辑框及文字区域中, 预先放置占位子用的字符. AIS 认为这个检核要点被废弃了

回至页顶