アクセシビリティ
アクセシビリティとは
誰もが簡単にウェブサイトで公開されている情報やサービスを利用できる事を意味します。
アクセシビリティへの取り組み
情報アクセシビリティへ配慮し、情報の格差を無くしていくことはwebマーケティングコンシェルジュとしての社会的責任の一つだと考え、「JIS X8341-3高齢者・障害者等配慮設計指針－情報通信における機器、ソフトウェア及びサービス－第3部：ウェブコンテンツ＝ウェブコンテンツJIS」に準じたサイトの提案をおこなってまいります。
5 開発及び制作に関する個別要件
| 適用した JIS |
概要 | weaveガイドライン | 優先度 |
|---|---|---|---|
| 5.1 a) | 関連技術の規格・仕様に則り、正しい文法で作成しなければならない。 | html 4.01以降に準拠して正しいマークアップを行う。 | 優先度1 必須 |
| 5.1 b) | PDF、word、その他、特定のアプリケーションの文書ファイルを扱う場合、代替手段を提供する、もしくはそのアプリケーションにおけるアクセシビリティ支援機能を用いるのが望ましい。 flash、その他、特定のプラグインを用いたメニューもしくはコンテンツを提供する場合、代替手段を提供する、もしくはそのプラグインのアクセシビリティ支援機能を用いるのが望ましい。 |
flash、PDFの使用は、その必然性を考慮する。必然性が無ければ使用しない。 使用する場合はアクセシビリティについて配慮する。 |
優先度2 推奨 |
| 適用した JIS |
概要 | weaveガイドライン | 優先度 |
|---|---|---|---|
| 5.2 a) | 見出し、段落、リストなどの要素を適切に用いて文書の構造を規定しなければならない。 | ウェブページの内容を情報通信機器、ウェブブラウザ、またはその環境を問わず正しく伝えるために、xhtml 1.0 strictに準拠して作成する。 | 優先度1 必須 |
| 5.2 b) | 表示スタイルは文書の構造と分離し、書体、サイズ、色、行間、背景色、レイアウト情報等をスタイルシートを用いて記述するのが望ましい。 ただし、ユーザがスタイルシートを使用しない場合においても、利用に支障が生じてはならない。 |
表示スタイルは、文書の構造から必ず分離する。 | 優先度2 推奨 |
| 5.2 c) | 表は、分かりやすい表題をつけ、できる限り単純な構造にし、適切なマーク付けで構造を明示しなければならない。 | キャプションもしくは見出し要素で表題を付ける。 見出しセルとデータセルを明確にする。 セルの結合は必要最小限度に止める。 |
優先度1 必須 |
| 5.2 d) | 表組みの要素をレイアウト目的に使用しない事が望ましい。 | 表組みの要素をレイアウト目的に使用しない。 | 優先度2 推奨 |
| 5.2 e) | ユーザがページの内容を識別可能なページタイトルを付けなければならない。 | ページタイトルには、タイトル情報だけでページの中身を推察できるような、そのページ固有のものを付ける。 | 優先度1 必須 |
| 5.2 ｆ) | フレームはできるだけ用いないのが望ましい。使用するときは、各フレームの役割が明確になるように配慮しなければならない。 | 音声ブラウザ、フレーム非対応のブラウザ、キーボードだけで操作するユーザ等に配慮し、フレームはできるだけ使用しない。 使用するときは、各フレームの役割や、関係性を明確にします。 |
優先度1 必須 |
| 5.2 g) | 閲覧中のページがウェブサイトのどこに位置しているか把握できるように、階層構造を示した情報を提供する事が望ましい。 | 階層構造を示したパンくずリストを表示し、ユーザがサイトの中のどのページを閲覧中であるか把握できるようにする。 | 優先度2 推奨 |
| 適用した JIS |
概要 | weaveガイドライン | 優先度 |
|---|---|---|---|
| 5.3 a) | マウス等、特定のデバイスによる操作に依存せず、キーボードによって全ての操作が可能でなければならない。 | マウス等のデバイスに依存せず、Tabキー、矢印キー、エンターキー、スペースキー等だけで操作可能にする。 | 優先度1 必須 |
| 5.3 b) | 入力欄を使用するときは、何を入力すれば良いかを明示し、操作しやすいように配慮しなければならない。 | 入力する文字種を仮名、カタカナ、全角、半角のいずれかに制限をかけるとき等、入力欄の前に明示する。 ラベルと入力欄(チェックボックス等のコントロールを含む)を関連付ける。 |
優先度1 必須 |
| 5.3 c) | 入力に制限時間を設けない事が望ましい。制限時間を設けるときは、その事を明示しなければならない。 | 入力に時間がかかるユーザに配慮し、制限時間は設けない。 | 優先度2 推奨 |
| 5.3 d) | 制限時間があるときは、ユーザが時間制限を延長または解除できることが望ましい。これができないときは、代替手段を設けなければならない。 | 制限時間があるときは、時間を延長する手段を用意する。 | 優先度2 推奨 |
| 5.3 e) | ユーザの意思に反して、もしくは認識、予期することが困難な形でページの全体もしくは一部を自動的に更新したり、別のページに移動したり、新しいページを開いたりしてはならない。 | ユーザの意思に反してページを自動的に更新したり、別のページに移動したりせず、事前にユーザに知らせるか、選択できるようにする。 | 優先度1 必須 |
| 5.3 f) | ウェブサイト内において、位置、表示スタイル、表記に一貫性のある基本操作部分を提供するのが望ましい。 | ウェブサイト内において、一貫性のあるナビゲーションを提供する。 | 優先度2 推奨 |
| 5.3 g) | ハイパリンクおよびボタンは、識別しやすく、操作しやすくすることが望ましい。 | ボタンは操作しやすい大きさにする。 ハイパリンクテキストは、リンク先のページの内容を予測できるような内容にする。 |
優先度2 推奨 |
| 5.3 h) | サイト全体に渡って共通に使われるナビゲーション等のためのハイパリンクおよびメニューは、読み飛ばせるようにするのが望ましい。 | 音声ブラウザのユーザに配慮し、サイト全体に渡って共通に使われるナビゲーションは、スキップできるようにする。 | 優先度2 推奨 |
| 5.3 i) | 誤った操作をしたときでも、元の状態に戻せる手段を提供しなければならない。 | 誤った操作をしたときでも、元の状態戻せる手段を提供する。 | 優先度1 必須 |
| 適用した JIS |
概要 | weaveガイドライン | 優先度 |
|---|---|---|---|
| 5.4 a) | 画像には、内容を的確に理解できるようにテキスト等の代替情報を提供しなければならない。 | 画像には代替テキスト等を用意する。 | 優先度1 必須 |
| 5.4 b) | ハイパリンクに画像を用いるときは、リンク先の内容を予測できるテキスト等の代替情報を提供しなければならない。 | ハイパリンク画像には、代替テキストを用意する。 | 優先度1 必須 |
| 5.4 c) | 音声情報には、聴覚を用いなくても理解できるようにテキスト等の代替情報を提供しなければならない。 | 音声には、テキスト等の代替情報を用意する。 | 優先度1 必須 |
| 5.4 d) | 動画など、時間によって変化する非テキスト情報には字幕等の手段によって同期した代替情報を提供することが望ましい。 同期した代替情報が提供できないときは、内容についての説明を何からのかたちで提供しなければならない。 |
動画には、テキスト等の代替情報を用意する。 | 優先度1 必須 |
| 5.4 e) | アクセス不可能なオブジェクト、プログラム等には、ユーザがその内容を的確に利用できるように代替情報を提供しなければならない。 また、アクセス可能なオブジェクト、プログラム等にも、内容を説明するテキスト等の提供することが望ましい。 |
PDFやflashを利用できないユーザに配慮し、代替情報を提供する。 | 優先度1 必須 |
| 適用した JIS |
概要 | weaveガイドライン | 優先度 |
|---|---|---|---|
| 5.5 a) | ウェブコンテンツの内容を理解、操作するために必要な情報を、色だけに依存してはならない。 | 内容を理解、操作するために必要な情報を、色だけに依存するような表現はしない。 | 優先度1 必須 |
| 5.5 b) | ウェブコンテンツの内容を理解、操作するために必要な情報を、形または位置だけに依存してはならない。 | 内容を理解、操作するために必要な情報を、形または位置だけに依存するような表現はしない。 | 優先度1 必須 |
| 5.5 c) | 画像等の前景色と背景色とには、適切なコントラストをとり、識別しやすい配色することが望ましい。 | 画像の文字色と背景色とのコントラストを十分に確保し、識別できるようにする。 | 優先度2 推奨 |
| 適用した JIS |
概要 | weaveガイドライン | 優先度 |
|---|---|---|---|
| 5.6 a) | 文字のサイズおよびフォントは、ユーザが変更できるようにしなければならない。 | 文字の大きさは、ユーザがブラウザの機能で変更できるように相対的な指定をする。 | 優先度1 必須 |
| 5.6 b) | サイズ、書体を考慮し、読みやすいフォントを指定することが望ましい。 | 日本語の場合は、その環境で標準のゴシック体を指定する。 | 優先度2 推奨 |
| 5.6 c) | 文字の色には、背景色等を考慮した見やすい色を指定することが望ましい。 | 背景色とのコントラストを十分に確保し、可読性を高める。 | 優先度2 推奨 |
| 適用した JIS |
概要 | weaveガイドライン | 優先度 |
|---|---|---|---|
| 5.7 a) | 自動的に音を再生しないことが望ましい。自動的に再生するときには、再生中であることを明示しなければならない。 | ユーザが予測できない音声の自動的な再生はしない。 | 優先度2 推奨 |
| 5.7 b) | 音は、ユーザが音量、再生、停止等を制御できることが望ましい。 | ユーザが音量、再生、停止等を制御できる手段を提供する。 | 優先度2 推奨 |
| 適用した JIS |
概要 | weaveガイドライン | 優先度 |
|---|---|---|---|
| 5.8 a) | 変化、移動するテキストもしくは画像は、その速度、色彩・輝度の変化に注意して作成することが望ましい。 | 移動するテキストは使用しない。 内容の変化するアニメーション画像はなるべく使用しない。 アニメーション画像を使用するときは、情報を理解しやすいように、もしくは目に負担をかけないために、速度、色彩・輝度の変化はゆるやかなものにする。 |
優先度2 推奨 |
| 5.8 b) | 速い周期での画面の明滅は避けなければならない。 | 速い周期での点滅を用いた表現はしない。 | 優先度1 必須 |
| 適用した JIS |
概要 | weaveガイドライン | 優先度 |
|---|---|---|---|
| 5.9 a) | 言語が指定可能なときは、自然言語に対応した言語コードを記述しなければならない。 | 自然言語に対応した言語コードを記述する。 | 優先度1 必須 |
| 5.9 b) | 日本語のページでは、ユーザにとって理解しづらいと考えられる外国語は多用しないことが望ましい。 使用するときは、初めて記載するときに解説しなければならない。 |
外国語、外来語は一般的に認知されているもの以外、使用しない。 | 優先度2 推奨 |
| 5.9 c) | 省略語、専門用語、流行語、俗語等、ユーザにとって理解しづらいと考えられる言葉は多用しないことが望ましい。 使用するときは、初めて記載するときに定義しなければならない。 |
省略語、専門用語、流行語、俗語等は一般的に認知されているもの以外、使用しない。 | 優先度2 推奨 |
| 5.9 d) | ユーザにとって読みが難しいと考えられる言葉(固有名詞)は多用しないことが望ましい。 使用するときは、初めて記載するときに読みを明示しなければならない。 |
固有名詞は一般的に認知されているもの以外、使用しない。 | 優先度2 推奨 |
| 5.9 e) | 単語の途中に表現のためのスペースもしくは改行を入れてはならない。 | 見栄えやレイアウトのために、単語をスペースや改行で分割しない。 | 優先度1 必須 |
| 5.9 ｆ) | ウェブコンテンツは、文章だけでなく分かりやすい図、記号、音声等をあわせて提供することが望ましい。 | 文章だけでは理解しづらいと考えられるときは、図、記号、音声等とあわせて提供する。 | 優先度2 推奨 |
6 情報アクセシビリティの確保・向上に関する全般的要件
| 適用した JIS |
概要 | weaveガイドライン | 優先度 |
|---|---|---|---|
| 6.1 | 情報アクセシビリティが容易に維持できるように企画・制作しなければならない。 | 企画・制作の段階でアクセシビリティを維持できるワークフローを導入する。 | 優先度1 必須 |
| 適用した JIS |
概要 | weaveガイドライン | 優先度 |
|---|---|---|---|
| 6.2 | ウェブコンテンツを保守、運用するときは、情報アクセシビリティを確保し、向上させなければならない。 | 保守・運用の段階でアクセシビリティを維持できるワークフローを導入する。 | 優先度1 必須 |
| 適用した JIS |
概要 | weaveガイドライン | 優先度 |
|---|---|---|---|
| 6.3 | ウェブコンテンツの企画・制作者は、規格の要件を満たしていることを検証しなければならない。 | 本ガイドラインに基づき、複数のツール、複数の方法を用いて検証する。 | 優先度1 必須 |
| 適用した JIS |
概要 | weaveガイドライン | 優先度 |
|---|---|---|---|
| 6.4 | ウェブコンテンツの企画・制作者は、ユーザの意見を収集する窓口を設け、ユーザからの意見を情報アクセシビリティの確保・向上に反映させなければならない。 | ユーザからの意見を収集し、アクセシビリティの確保・向上に努める。 ユーザから寄せられた意見を元に、不定期に本ガイドラインを見直します。 |
優先度1 必須 |
| 適用した JIS |
概要 | weaveガイドライン | 優先度 |
|---|---|---|---|
| 6.5 | ユーザとコミュニケーションが取れるように、問い合わせ先を分かりやすい位置に明示しなければならない。 | サイト全体に渡って、ページ上部の分かりやすい位置にお問い合わせボタンを設置する。 | 優先度1 必須 |
