网站亲和力
亲和力(Accessibility)指是否便于残障人士和老年人等可以简单通畅使用或访问。而在信息通讯领域中,网站亲和力意味着是否谁都易于访问信息和IT工具。提高网站亲和力,不仅有利于残障人士和老年人的使用,也有益于普通用户,从结果上提高易用性。
此外,实现网站亲和力,无论从CSR(企业的社会责任)的观点还是从商业角度,对于企业的网站都是不可缺少的要素。
冲电气(OKI)在2002年制定的《冲电气(OKI」网站指南》设定了网站亲和力相关项目并开始执行,为了对应JIS规格,于2004年10月归纳整理为更严密的指南「网站亲和力篇」。之后,2008年3月以W3C/WAI制定的“WCAG (Web Content Accessibility Guidelines)2.0”的达成标准等级A作为标准,进行了修订。并且,在2010年8月制定的日本版WCAG2.0「关注老年人/残疾人等设计方针—信息通讯用机器、软件和服务—第3部分:网站内容JIS X 8341-3:2010」的基础上,于2010年11月再次进行了修订。
冲电气(OKI)将继续致力于实现包括残障人士和老年人在内的所有浏览者都能便捷使用的网站。
冲电气(OKI)网站指南 <网站亲和力篇編>
1. 可感知原则∶信息及用户界面的构成要素必须以用户可感知的方法提示给用户。 | |
---|---|
1.1 非文本内容的处理 | 对图片、动画、卡通片、Flash等非文本内容、img元素(图片)使用alt属性等适用于对象的方法,提供等义内容的替代文本。 |
1.2 对包含录制完毕的语音及映像在内的媒介的处理 | 向包含语音已录制完毕的媒介提供代替的文本内容。 为用另外的文本向包含映像已录制完毕的媒介提供映像所传递的内容。 |
1.3 表明信息及关系性 | 例如使用标题、段落、列表等要素,不仅要表现传递的信息、结构及关系性等内容的外在表现,还要在程序上能够进行解释。 |
1.4 按有意义的顺序记述信息 | 请考虑通过访问语音阅读环境等程序,使信息有意义地排序。 |
1.5 关于通过感觉特征表现信息 | 不要只依赖于形式、大小、视觉性的位置、方向、声音来提供理解和操作Web内容所需要的信息。 |
1.6 关于通过色彩使用表现信息 | 注意对理解和操作Web内容所需的信息,不要只依赖于颜色,也应并用文本等。 |
1.7 关于语音控制 | 请给自动开始重放持续3秒钟以上包含动画和语音的内容,提供下列功能中的任意一项。
|
1.8 关于对比度 | 确保文本及图像化文字颜色和背景颜色具有充分的对比度,以便于识别。 |
1.9 考虑文本大小的更改 | 必须制作为用户可以更改字体的大小。 |
1.10 对多行文本的考虑 | 文本有多行文字时,必须要考虑颜色、显示位置、字体大小。 |
1.11 框架的禁止 | 不要使用框架用的要素。 |
1.12 图像映射 | 原则上将图象映射作为客户端而不是服务器端。 |
2. 可操作原则∶ 用户界面的构成要素及导航必须是可操作的。 | |
2.1 对键盘操作的考虑 | 请制作为用户仅用键盘就可以进行Web内容的操作,而不是在短时间内需要多次击键,或长时间持续按键。 |
2.2 焦点移动操作方面的考虑 | 通过键盘操作可以聚焦时,需要通过键盘操作解除焦点。此外,如果使用箭头键和Tab键以外的键进行操作时,需要将该操作键告知用户。 |
2.3 在操作方面对时间调整的考虑 | 除必不可缺的情况之外, 请勿限制输入时间。由于安全性方面的理由等必须限制时,请简明易懂地详细说明具体时间。 |
2.4 关于暂停、停止、不显示的考虑 | 避免对画面元素(文字、图片、Flash内容等)的移动、闪烁、滚动等的使用和自动更新。 |
2.5 关于闪光或低于阈值的考虑 | 使用闪烁的内容时,请制作为在1秒钟内不要闪烁3次以上。 |
2.6 程序段跳转的考虑 | 需要将页面通用的导航栏和菜单等设为可跳转。 |
2.7 对页面标题的考虑 | 请加上用户能识别页面内容的标题。 |
2.8 对焦点顺序的考虑 | 请考虑将焦点的移动及该焦点移动时的语音阅读顺序设为意思通顺的顺序。 |
2.9 对链接文本及图片链接的替代文本的考虑 | 请将链接文本及图片链接的替代文本记述为能清楚链接目标的内容。 同时,请写明链接下载数据的文件格式和大小。 |
2.10 关于页面检索方法 | 请提供多于两种的从网站查找特定页面的方法(站内检索、网站地图等)。 |
2.11 标题及标签表现的考虑 | 为了用户便于理解,请添加使内容和目的明确的标题和标签。 |
2.12 视觉可识别焦点 | 使焦点的位置可以通过视觉确认。 |
2.13 当前位置的详细说明 | 请制作为可掌握当前显示的页面位于网站结构的哪个位置。 |
2.14 禁止强制其他窗口 | 请制作为进行链接(与用户的目的相背)时不打开新窗口,而是在同一窗口内显示。 |
2.15 考虑选择按钮的配置 | 配置供用户选择的按钮时,请务必把选择按钮设置在右侧。 |
3. 可理解原则∶信息及用户界面的操作必须是可理解的内容。 | |
3.1 记述语言的指定 | 指定页面内记述的语言。 |
3.2 对特殊术语的考虑 | 不要过多使用外语和专业术语,使用时需要对在网站内的初次出现位置加以说明。 |
3.3 对省略语标记的考虑 | 不要过多使用省略语,使用时需要对在网站内的初次出现位置加以说明。 |
3.4 对发音及注音的考虑 | 使用发音和注音较难的专有名词和专业术语时,需要在网站内的初次出现位置标明注音。 |
3.5 获得焦点时的考虑 | 对链接和按钮等组件聚焦时,避免出现违反用户目的、显示中的页面自动更新、自动显示其他页面(移动到其他页面)、自动显示新页面等情况的变化。 |
3.6 对因用户界面的要素而使情况发生变化的考虑 | 仅更改类似选择复选框或在文本框输入文本的元素的设定会发生自动更新和页面移动等情况的变化时,请预先对用户详细说明。 |
3.7 统一的导航方法 | 在网站内需要根据一致性规则来制定导航的位置和导航方法。 |
3.8 统一的标签和图标等标记 | 在网站内需要根据一致性规则制作标签和图标等标记。 |
3.9 特定输入错误位置 | 自动检测出输入错误时,需要明确有问题的项目,显示错误内容。 |
3.10 通过标签和说明文使输入格式易于理解的考虑 | 输入格式的内容和条件,请用简明易懂的表现与输入区域进行关联。 |
3.11 提示输入错误的修改方法 | 自动发现输入错误时,需要明确提示修改错误的方法。 |
3.12 避免有关法律义务、金钱交易、数据更改、回答发送的错误 | 使用格式时,请至少使用下列方法中的一个,使用户在发送前可以确认和修改输入的内容。
|
3.13 帮助的设定 | 根据情况提供帮助。 |
3.14 记号的利用 | 使用记号时,要明确记号的含义。 |
4. 稳健性原则∶ 内容必须保持稳健性,以保证包含支援技术在内的各种客户端可进行确切地解释。 | |
4.1 遵循编码指南编写Web内容 | 请遵循冲电气(OKI)制定的网站指南(编码篇)制作Web内容。使用未规定的新技术时,依据本可访问性指南及使用的新技术的规格。 |
4.2 程序解释可以的识别名,作用及可设定值的使用 | 请使用(X)HTML、JavaScript、Flash、PDF等标准性元素,使所有的用户界面元素都可以通过程序识别,明确其作用。 |