Ｗｅｂアクセシビリティガイドライン

このガイドラインは、アクセシビリティのためのJIS規格「JIS X 8341-3」を元に、これまで培ってきた経験を加えてアクセシビリティのチェックをする項目を洗い出して作成したものです。

【注意】
★優先度に関してはサイトの性格や想定ユーザーによって違ってきますので、参考としてお考えください。
★チェック項目に関しては、技術の進歩により内容の変更、優先度の変更がある可能性があります。

Ｗｅｂアクセシビリティの配慮点

１．ホームページ全体に関する配慮
２．画像に関する配慮
３．ハイパーリンクに関する配慮
４．音声・映像に関する配慮
５．テキスト（文字）に関する配慮
６．テーブル（表組）に関する配慮
７．フレーム（分割）に関する配慮
８．入力フォームに関する配慮
９．プログラミングなどに関する配慮

１．ホームページ全体に関する配慮
No.	ＪＩＳ番号	優先度	項目
1-1	5-2e	2	タイトル要素は、内容がわかるように適切に付けること。
1-2	該当ナシ	2	ページの制作サイズはブラウザの横幅800pxを超えないこと。
1-3	5-1a	2	関連する技術の規格・仕様・文法に準拠して作成すること。
1-4	5-9a	2	サイトで使用する文章の基本となる言語を指定しておくこと。
1-5	5-2a	3	構造や見栄えのための要素および属性は、正確に使用すること。
1-6	5-1a	2	丸数字等の機種依存文字は使わないこと。
1-7	5-9b	2	外国語の乱用はせず、誰にでもわかるように配慮すること。
1-8	5-5c 5-6c	2	背景色と前景色には十分なコントラストをつけること。特に緑と赤の組み合わせには注意すること。
1-9	5-6c	2	文章等の背景に画像を指定しないこと。
1-10	5-5a	1	色のみによる情報は、色がなくても情報が伝わるようにすること。
1-11	5-5b	2	形や位置のみによる情報は、形や位置が理解できなくても情報が伝わるようにすること。
1-12	5-2b	2	フォントサイズ・色・表示位置等の指定にはできるだけスタイルシートを使うこと。
1-13	5-6a	2	スタイルシートでの文字サイズ指定は、ブラウザで大きさを変えられること。
1-14	5-2g 5-3h	2	様々な形でナビゲーションを提供し、音声でも読み飛ばせるように、本文へのアンカーを付けること。
1-15	5-2g	2	１ページは適切な長さにし、やむを得ず長くなるときは、上に戻るアンカーをつけること。
1-16	5-3a	1	プルダウン形式の選択メニューはキーボードでの選択操作が可能であること。
1-17	5-3f	2	「戻る」等のサイト内基本操作は、わかりやすいように同じ位置・形状・色にすること。
1-18	5-9c 5-9d	2	略語や一般的でない言葉には、理解しやすいように説明を付けるなどして配慮すること。
1-19	5-3b	2	重要な意味を持つものには記号を用いないこと。
1-20	該当ナシ	3	文書が複数ページにまたがる場合は、それらを集めるための手段を提供すること。
1-21	5-9f	2	文章は解りやすい表現にすること。
1-22	該当ナシ	3	変更される情報は、アクセシビリティ情報も同時に更新されること。
1-23	5-2g	2	サイト全体の構成を示すために、サイトマップを提供すること。
1-24	5-2g	3	サイト内の一把握のためにパンくずリストを提供する事。
1-25	該当ナシ	3	出来るだけWebサイトの概略を記述した英文ページを用意すること。
1-26	5-9f	3	文章だけではなく、図・記号・イラスト・音声などを合わせて解りやすくすること。

２．画像に関する配慮
No.	ＪＩＳ番号	優先度	項目
2-1	5-4a	1	画像には代替情報（ＡＬＴ属性）を付けること。
2-2	5-4b 5-4e	2	イメージマップはクライアントサイドとし、リンクにＡＬＴ属性を付けること。
2-3	5-4a	3	重要な画像（地図・組織図・グラフ・バナー広告）などには、解説を付けること。
2-4	該当ナシ	3	画像は極力軽く作ることを心がけ、指定にはwidth、height属性を付けること。
2-5	該当ナシ	3	文字の透過画像は、背景色を変えても見えるように配慮すること。
2-6	該当ナシ	3	画像を極力使用しないでテキストで表現すること。

３．ハイパーリンクに関する配慮
No.	ＪＩＳ番号	優先度	項目
3-1	5-4b	1	リンクボタンになっている画像の全てにＡＬＴ属性を使ってリンク先を明確にすること。
3-2	5-3a	2	キーボード操作だけで適切なリンク移動ができること。
3-3	5-3e	2	リンクによって、新しいウィンドウを開くことは必要最低限とし、事前に知らせること。
3-4	5-3e	2	画像には直接リンクしないこと。
3-5	5-3e	2	HTML以外のファイルにリンクする場合は事前に情報を知らせること。
3-6	5-3g	2	リンクの下線はむやみに消さないこと。
3-7	5-3g	3	リンクするテキストや画像は見やすく操作しやすいこと。
3-8	該当ナシ	3	大きな画像等にリンクする場合は、内容・サイズを表記すること。
3-9	5-3g	3	リンクの文字は、文章の前後関係を見なくても意味が通り、あまり長くならないこと。

４．音声・映像に関する配慮
No.	ＪＩＳ番号	優先度	項目
4-1	5-1b 5-4e	1	FLASHでメニューなど重要な情報を伝える場合は、テキストなどで代替情報を提供すること。
4-2	5-8a 5-8b	2	点滅やスクロールなど変化する画像・テキストは、コントラスト・早さに注意すること。
4-3	5-4c	3	音声情報に対してはできるだけ文字でも情報を提供すること。
4-4	5-4d	3	ビデオ情報に対しては、できるだけ同期した音声と文字の情報も提供すること。
4-5	5-7a 5-7b	3	音声情報は自動再生せず、再生・停止・音量調整などのコントロールを可能にすること。

５．テキスト（文字）に関する配慮
No.	ＪＩＳ番号	優先度	項目
5-1	5-1b	2	重要な情報をＰＤＦで提供する時は、音声で理解できるように作成する事。出来ない場合は、代替情報を提供すること。
5-2	5-9e	2	一単語内にスペースや強制改行を入れないこと。
5-3	5-2a	1	文書には見出し要素が正しく付けられ、順番が守られていること。
5-4	該当ナシ	2	絵文字や取り消し線など、視覚的情報は音声でも理解できるようにすること。
5-5	該当ナシ	3	英単語をうまく音声で読ませるには小文字で表記すること。
5-6	5-2a	3	リストは正確に構造を記述し、見栄えのためには用いないこと。
5-7	5-6b	2	文字の書体やサイズを指定する場合、見やすさを考慮して指定すること。
5-8	5-2b	2	行間はスタイルシートを使用し、読みやすくすること。
5-9	該当ナシ	3	全角と半角の使い方は、できるだけサイト内で統一すること。
5-10	該当ナシ	2	日付けや時間の表記には「／」「．」「：」等を使わず、できるだけ日本語を使うこと。

６．テーブル（表組）に関する配慮
No.	ＪＩＳ番号	優先度	項目
6-1	5-2d	2	レイアウトのテーブルは、極力使用しない。使用する場合は、情報が適切に音声ブラウザで読み上げられること。
6-2	5-2c	2	表組の見出し項目には＜TH＞を使って指定すること。
6-3	5-2c	3	表組には表題を付けること。
6-4	5-2c	2	セルの結合は必要最低限とし、行と列の関係を考慮し理解しやすくすること。

７．フレーム（分割）に関する配慮
No.	ＪＩＳ番号	優先度	項目
7-1	5-2f	2	フレームの使用は必要最小限にすること。
7-2	5-2f	2	フレームのスクロールバーは非表示にしないこと。
7-3	5-2f	2	フレームに直接画像を入れず、サイズは相対単位で指定すること。

８．入力フォームに関する配慮
No.	ＪＩＳ番号	優先度	項目
8-1	該当ナシ	2	取り消しボタンは、誤操作をしないように必要性を検討し、使う場合は送信ボタンと距離を離すこと。
8-2	5-3b	2	フォームの入力は理解しやすく、操作しやすいこと。
8-3	該当ナシ	3	フォームによる入力をさせる場合には、できるだけ代替え手段を用意すること。

９．プログラミングなどに関する配慮
No.	ＪＩＳ番号	優先度	項目
9-1	5-1b	3	JavaScriptやJavaアプレットに対応していない環境を考慮して代替手段を用意すること。
9-2	5-3e	2	利用者の意図にかかわらず、ページの更新や移動を自動的に行わないこと。
9-3	5-3c 5-3d	3	制限時間があるときは知らせると共に、延長できない場合は代替手段を用意すること。
9-4	5-3i	3	申し込みなどの入力が必要な場合は、間違った操作を行わないような配慮や、間違った場合の取り消し方法を提供すること。