「アクセシビリティ ガイドライン」の版間の差分
編集の要約なし |
編集の要約なし |
||
| 114行目: | 114行目: | ||
<div class="example"> | <div class="example"> | ||
[[画像:pr001.gif]]<br> | [[画像:pr001.gif]]<br> | ||
''' | '''利用者の意思に反して、表示中のページを自動更新することや、自動的に他のページへ移動することはしない。やむをえず移動する場合、あらかじめその旨を告知する。''' | ||
</div> | </div> | ||
<div class="example"> | <div class="example"> | ||
[[画像:pr002.gif]]<br> | [[画像:pr002.gif]]<br> | ||
''' ダウンロードするデータは、ファイル形式・ファイルサイズを明記する。''' | '''ダウンロードするデータは、ファイル形式・ファイルサイズを明記する。''' | ||
</div> | </div> | ||
| 141行目: | 141行目: | ||
<div class="example"> | <div class="example"> | ||
[[画像:pr001.gif]]<br> | [[画像:pr001.gif]]<br> | ||
''' | '''文字サイズ、フォントを利用者がブラウザ上で変更できるようにする。''' | ||
</div> | </div> | ||
<div class="example"> | <div class="example"> | ||
[[画像:pr001.gif]]<br> | [[画像:pr001.gif]]<br> | ||
''' | '''見栄え調整のため、日本語（単語）にスペースや改行を挿入しない。''' | ||
</div> | </div> | ||
<div class="example"> | <div class="example"> | ||
[[画像:pr001.gif]]<br> | [[画像:pr001.gif]]<br> | ||
''' | '''機種依存文字（丸付き文字や外字など）は使用しない。''' | ||
</div> | </div> | ||
| 191行目: | 191行目: | ||
<div class="example"> | <div class="example"> | ||
[[画像:pr002.gif]]<br> | [[画像:pr002.gif]]<br> | ||
''' | '''文字を画像化する場合は、書体・サイズ・コントラストを考慮し、読みやすくする。''' | ||
</div> | </div> | ||
| 222行目: | 222行目: | ||
<div class="example"> | <div class="example"> | ||
[[画像:pr001.gif]]<br> | [[画像:pr001.gif]]<br> | ||
''' | '''フォームの各入力項目には、何を入力するかを分かりやすく示す。''' | ||
</div> | </div> | ||
| 234行目: | 234行目: | ||
'''入力した内容は、送信前に利用者が確認・修正できるようにする。''' | '''入力した内容は、送信前に利用者が確認・修正できるようにする。''' | ||
</div> | </div> | ||
<div class="example"> | <div class="example"> | ||
| 261行目: | 257行目: | ||
'''PDFでの情報提供においては、可能な限り、HTML(XHTML)版をあわせて提供する。もし、提供困難な場合は、文書の要約の提供を検討する。''' | '''PDFでの情報提供においては、可能な限り、HTML(XHTML)版をあわせて提供する。もし、提供困難な場合は、文書の要約の提供を検討する。''' | ||
</div> | </div> | ||
2009年5月20日 (水) 09:50時点における版
光画デジタルサプライのアクセシビリティ指針です。
※現在、作業中です。がんばるお。
プロセスに関する指針【5項目】
企画・設計・制作・運営のすべてのプロセスで、アクセシビリティを検討するための工程を組み込む。
ウェブサイトの関係者全員が、アクセシビリティに関する基本的な知識や情報を共有できるようにする。
利用するユーザーの要求、質問を収集し、ウェブサイトに反映できるようにする。
できるだけ多くの機器やソフトで操作・利用できるように、利用環境を定める。
ウェブコンテンツが将来に向けての継続的な耐久性を持つよう、後方互換性に注意しながら、設計・制作する 。
設計・ページ制作に関する指針【11項目】
ページタイトル（title要素）は、利用者がページの内容と役割を識別できるタイトルを付ける。
文字の可読性を確保するため、文字色と背景色のコントラストを充分にとる。
リンクであることが、見ただけで認知できるようにする。
リンクは、リンク先の内容や役割があらかじめ分かるように表現する。
サイト内において、ナビゲーションの位置、出現順、機能、表現（文言・形状・色彩・配置）に一貫性をもたせる。
メニューの項目数（選択肢）が多い場合、分かりやすい並び順にするか、階層化、グループ化により、一度に把握しなければならない項目数を減らす。
フレームは使用不可とする。
コンテンツの内容を理解・操作するのに必要な情報は、色のみに依存せず、文字や模様などを併用する。
利用者がサイト構成を把握しやすいように、サイト内での共通のナビゲーションやサイトマップなどを設ける
現在表示されているページが、サイト構造内のどこに位置しているかを容易に把握できるようにする。
横方向のスクロールが発生しないようにする。
操作に関する指針【6項目】
特定のデバイス（マウスだけ）に依存せず、少なくともキーボードでも、すべての操作ができるようにする。
同一サイト内へのリンクは、同じウィンドウで表示し、新たなウィンドウを開くことは極力しない。
利用者の意思に反して、表示中のページを自動更新することや、自動的に他のページへ移動することはしない。やむをえず移動する場合、あらかじめその旨を告知する。
ダウンロードするデータは、ファイル形式・ファイルサイズを明記する。
リンクのある文字や画像は、クリックしやすいように充分な面積にし、誤操作しないように充分な間隔をあける。
ブラウザの基本機能を無効にしたり（右クリックの禁止等）、アドレスバー、ステータスバー等のコントロールを変更しないようにする。
原稿作成・テキストに関する指針【6項目】
文字サイズ、フォントを利用者がブラウザ上で変更できるようにする。
見栄え調整のため、日本語（単語）にスペースや改行を挿入しない。
機種依存文字（丸付き文字や外字など）は使用しない。
記号や省略表記を使用する場合は、音声での読み上げに配慮する。
できるだけ簡潔な文章とし、適度に見出しを付けることで、読みやすくする。
一般の利用者にとって、理解しにくい言葉（外国語・専門用語・略語・社内用語など）を多用しない。
画像・ビジュアルに関する指針【5項目】
すべての画像には、画像の内容を示した適切な代替テキスト（alt属性）をつける。
単純な文字の画像化は最小限の使用とし、可能な限りテキストを用いる。
画面全体が短時間で連続的に変化するような表現など、光源性てんかんを誘発するおそれのあるビジュアルを用いない。
※点滅、スクロールの速いもの、色のコントラストが極端に変わるものなど。
文字を画像化する場合は、書体・サイズ・コントラストを考慮し、読みやすくする。
文章だけで分かりにくい内容は、分かりやすい絵や図、動画などを用いて表現する。
フォームに関する指針【7項目】
フォームに入力する内容は、必要最小限にする。
フォームはラベルとコントロールを正しく関連付ける。
フォームの選択肢が多い場合は、グループ化によって情報をわかりやすく示す。
フォームの各入力項目には、何を入力するかを分かりやすく示す。
利用者が誤った操作（エラー）をすることを考慮し、簡単に元の状態に戻すことのできる手段を提供する。
入力した内容は、送信前に利用者が確認・修正できるようにする。
フォームには時間制限を設けない。やむをえず、制限時間を作る場合は事前に利用者に告知する。
PDFに関する指針【2項目】
PDFへのリンクは、PDFであることを示し、容量が大きい場合はあわせて表記する。
PDFでの情報提供においては、可能な限り、HTML(XHTML)版をあわせて提供する。もし、提供困難な場合は、文書の要約の提供を検討する。
特定の技術やプラグインに関する指針【2項目】
音声・映像に関する指針【4項目】
音声を使用するときは、テキストなどによる代替コンテンツを用意する。
動画を使用するときは、テキストなどによる代替コンテンツを用意する。
自動的に音声や動画を再生しない。
音声や動画を提供する場合、利用者側で停止・再生の制御ができるようにする。