グローバルナビゲーション
トップ > アクセシビリティ
 
アクセシビリティ

キユーピーでは、出来るだけ多くの方に、不自由なく、キユーピーホームページを楽しんでいただけるようアクセシビリティに配慮したホームページの企画・制作を行っております。

アクセシビリティとは
アクセシビリティとは、誰もが負担なく、ホームページに掲載されている情報を閲覧でき、コンテンツやその他の機能を利用できることを意味します。特に高齢者や身体に障害のある方に配慮して、いかに使い勝手の良いホームページであるかという意味で使われています。

キユーピーのWEBアクセシビリティガイドライン（更新日　2005年10月27日）
キユーピーは、このアクセシビリティへの配慮を、幅広い世代に食の安心と安全を保証しなければならない食品メーカーとしての社会的責任ととらえ、2004年6月に制定された「JIS X8341-3高齢者・障害者等配慮設計指針−情報通信における機器、ソフトウェア及びサービス−第3部：ウェブコンテンツ＝ウェブコンテンツJIS」に沿ったホームページの企画・制作に努めてまいります。 今後も必要に応じて、順次、改善・更新していくよう努めるとともに、お客様からのご意見やご要望を取り入れ、より使いやすいホームページを目指します。

規格および仕様
キユーピーガイドライン 関連するJIS 優先度

アクセシビリティを重視し、音声ブラウザをサポートする機能が備わったHTML4.01以降の仕様に準拠してページ制作を行いました。

 関連する技術の規格および仕様に従い、正しい文法で作成する。 5.1.a
[ 必須項目 ]		 優先度1

音声ブラウザ（IBM ホームページ・リーダー）に対応したMacromedia Flashコンテンツの制作を行いました。

・ キーボードだけの操作に対応しました。
・ 音声ブラウザ（IBM ホームページ・リーダー）でのMacromedia Flash内コンテンツの読み上げに対応しました。（トップページのFlash）
・ 代替えテキストを用意し、非プラグイン環境でもコンテンツの内容がわかるようにしました。

PDFやFlashなどについては、利用に際し効果を検討の上、アクセシビリティについても配慮を行う。 5.1.b
[ 推奨項目 ]		 優先度2


コンテンツの構造および表示スタイル
キユーピーガイドライン 関連するJIS 優先度
音声ブラウザの利用者に対して、コンテンツをわかりやすく伝えるために、HTML4.01以降の仕様に準拠してページ制作を行いました。
HTML4.01は、音声読み上げ環境において、適切な音声情報を提供するのに適した文書構造です。
見出し、段落、リストなど、適切な要素を用いて文書の構造を規定する。

 5.2.a
[ 必須項目 ]		 優先度1

表示スタイルは文書の構造と分離し、書体、サイズ、色、行間、背景色などの見た目についてはスタイルシートにて設定する。

 5.2.b
[ 推奨項目 ]		 優先度2

表は、分かりやすい表題を明示し、できる限り単純な構造にして、見出しとデータの関係についても明確にする。

 5.2.c
[ 必須項目 ]		 優先度1

表組みの要素をレイアウトに用いるのをできるだけ避ける。

 5.2.d
[ 推奨項目 ]		 優先度2

利用者がページの内容を識別できるよう適切なページタイトルをつける。

 5.2.e
[ 必須項目 ]		 優先度1


フレーム非対応の音声ブラウザの利用者に配慮し、フレームは使用しません。

 フレームはできるだけ用いない。使用する場合は、各フレームの役割を明確にする。 5.2.f
[ 必須項目 ]		 優先度1

ページ上部にパンくずリスト（階層表示）を設置し、利用者が現在閲覧しているページを把握できるように配慮しました。

 閲覧しているページがサイト全体のどこに位置しているか把握できるようにする。 5.2.g
[ 推奨項目 ]		 優先度2


操作および入力
キユーピーガイドライン 関連するJIS 優先度

マウス等のデバイスに依存しなくても、Tabキーや矢印キーといったキーボードだけで操作ができるように努めました。

 マウスだけでなくキーボードでの操作も可能にする。 5.3.a
[ 必須項目 ]		 優先度1


入力欄の前に何を入力したらよいかを明示し、利用者の利便性に配慮しました。

 入力フォームでは何を入力すればよいかを明示し、操作しやすいよう配慮する。 5.3.b
[ 必須項目 ]		 優先度1
入力に時間のかかる利用者に配慮して、入力フォームに時間制限を設けないようにしました。
入力フォームには時間制限を設けない。制限時間を設定する場合はその旨を伝える。

 5.3.c
[ 必須項目 ]		 優先度1

制限時間を設ける場合は、利用者側で延長または解除できることよう配慮する。これができないときは、代替手段を用意する。

 5.3.d
[ 必須項目 ]		 優先度1
利用者の意志に反して、自動更新したり、別ページに移動したりせずに、事前に知らせるか、利用者自身が選択できるようにしました。
利用者が認識もしくは予期することが困難な形でページを自動更新したり、別のページに移動したり、または新しいページを開くことを避ける。

 5.3.e
[ 必須項目 ]		 優先度1

利用者が混乱しないようページの上部にグローバルナビゲーションを常設しました。

 サイト内では、一貫性のあるナビゲーションを提供する。 5.3.f
[ 推奨項目 ]		 優先度2

読み上げ環境等を考慮して、画像、ハイパーリンク画像には適切な代替テキストを指定しました。

 リンクおよびボタンは、識別しやすく操作しやすいようにする。 5.3.g
[ 推奨項目 ]		 優先度2

音声ブラウザの利用者に配慮し、毎回読み上げるナビゲーションなどを必要に応じてスキップできるようにし、本文に到達するまでの時間を短縮しました。

 共通に使われるナビゲーションなどのためのハイパーリンクおよびメニューは、読み飛ばせるようにする。 5.3.h
[ 推奨項目 ]		 優先度2

誤った操作をしたときでも、元の状態に戻せるように努めます。

 誤った操作をしたときでも、元の状態に戻せるようにする。 5.3.I
[ 推奨項目 ]		 優先度2


非テキスト情報
キユーピーガイドライン 関連するJIS 優先度
読み上げ環境等を考慮して、画像、ハイパーリンク画像には適切な代替テキストを指定しました。
画像には、テキストなどの代替情報を用意する。

 5.4.a
[ 必須項目 ]		 優先度1

リンクに画像を用いる場合は、リンク先の内容が予測できるようテキストなどの代替情報を用意する。

 5.4.b
[ 必須項目 ]		 優先度1

Flashなどの動画コンテンツには、音声ブラウザの利用者や非プラグイン環境を考慮して、代替えテキストを用意しました。
音声を使用する場合は、テキストなどの代替情報を用意する。

 5.4.c
[ 必須項目 ]		 優先度1

動画を使用する場合は、テキストなどの代替情報を用意する。

 5.4.d
[ 必須項目 ]		 優先度1

PDFやFlashを使用する場合は、テキストなどの代替情報を用意する。

 5.4.e
[ 必須項目 ]		 優先度1


色および形
キユーピーガイドライン 関連するJIS 優先度
色や形または位置だけでコンテンツの内容を理解しなけれなならない表現は避けるようにしました。
ウェブコンテンツの内容を理解・操作するのに必要な情報は、色だけに依存して提供しない。

 5.5.a
[ 必須項目 ]		 優先度1

ウェブコンテンツの内容を理解・操作するのに必要な情報は、形又は位置だけに依存して提供しない。

 5.5.b
[ 必須項目 ]		 優先度1

背景色と文字や画像とのコントラストを十分に確保し、視認性を高めるようにしました。

 文字や画像については、背景色とのコントラストに配慮し識別しやすくする。 5.5.c
[ 必須項目 ]		 優先度1


文字
キユーピーガイドライン 関連するJIS 優先度

利用者が自由に文字のサイズを変更できるように、「大・中・小」ボタンを常設しました。

 文字のサイズおよび書体は利用者が変更できるようにする。 5.6.a
[ 必須項目 ]		 優先度1

各OS標準のゴシック書体を使用しました。

 書体を指定する場合はサイズおよび書体を考慮し読みやすいフォントを指定する。 5.6.b
[ 必須項目 ]		 優先度1

背景色と文字とのコントラストを十分に確保し、視認性を高めるようにしました。

 文字の色には、背景色などを考慮し見やすい色を指定する。 5.6.c
[ 必須項目 ]		 優先度1


音
キユーピーガイドライン 関連するJIS 優先度

利用者が予期しない音声の自動再生はしないようにしました。

 自動的に音を再生しない。自動的に再生する場合は、再生していることを明示する。 5.7.a
[ 必須項目 ]		 優先度1

音の再生や停止、ボリューム調整は利用者が自由に制御できるようにしました。

 音の再生や停止、ボリュームなどは利用者が自由に制御できるようにする。 5.7.b
[ 必須項目 ]		 優先度1


速度
キユーピーガイドライン 関連するJIS 優先度
アニメーション画像の速度はなるべく緩やかにして、極端な色の変化を避けるように努めます。
アニメーションバナーなど変化する画像については、内容が理解できる十分な速度を設定する。また利用者の目に負担にならないようその速度、色彩・輝度に注意する。

 5.8.a
[ 必須項目 ]		 優先度1

点滅速度の速いアニメーションバナー等の演出は避けるように努めます。

 速い周期での画面の点滅を避ける。 5.8.b
[ 必須項目 ]		 優先度1


言語
キユーピーガイドライン 関連するJIS 優先度

言語が指定できるときは、自然言語に対応した言語コードを記述しました。

 適切な言語コードを指定し、コンテンツで使用されている言語を明確にする。 5.9.a
[ 必須項目 ]		 優先度1
一般の利用者が認知しない外国語、略語、専門用語、流行語俗語、固有名詞は多用しないように努めます。
想定する利用者にとって理解しづらいと考えられる外国語は多用しない。使用する場合は初めて記載される時に解説を用意する。

 5.9.b
[ 推奨項目 ]		 優先度2

想定する利用者にとって理解しづらいと考えられる略語、専門用語、流行語俗語などは多用しない。使用する場合は初めて記載される時に解説を用意する。

 5.9.c
[ 推奨項目 ]		 優先度2

想定する利用者にとって読みの難しいと考えられる言葉（固有名詞など）は多用しない。使用する場合は初めて記載される時に読みを明示する。

 5.9.d
[ 推奨項目 ]		 優先度2

見映えやレイアウトを優先して、単語の分割はしないようにしました。

 単語の途中にスペースまたは改行を入れることを避ける。 5.9.e
[ 必須項目 ]		 優先度1

文字だけではわかりづらい情報は、図やイラストレーションなどの適切なヴィジュアルを使って表現しました。

 文章だけでは理解しづらいと考えられる場合は、図やイラストレーション、音声などの併用を努める。 5.9.f
[ 推奨項目 ]		 優先度1


企画・制作に関する要件
キユーピーガイドライン 関連するJIS 優先度

本ガイドラインに基づいたコンテンツ企画・制作に努めます。

 コンテンツの企画・制作においては常に情報アクセシビリティに配慮する。 6.1
[ 必須項目 ]		 優先度1


保守及び運用に関する要件
キユーピーガイドライン 関連するJIS 優先度

本ガイドラインに基づいたコンテンツの保守・運用に努めます。

 コンテンツの保守・運用においては常に情報アクセシビリティに配慮する。 6.2
[ 必須項目 ]		 優先度1


検証に関する要件
キユーピーガイドライン 関連するJIS 優先度

本ガイドラインに基づいた検証に努めます。

 コンテンツの公開にあたっては必ず本ガイドラインに基づいて検証を行う。 6.3
[ 必須項目 ]		 優先度1


フィードバックに関する要件
キユーピーガイドライン 関連するJIS 優先度

「お問い合わせ」ページ内にお客様相談室を設け、ご利用者の声を反映し、アクセシビリティ向上へ努めます。

 利用者の意見を収集する窓口を用意し、利用者からの意見をウェブコンテンツの情報アクセシビリティの確保・向上に活かす。 6.4
[ 必須項目 ]		 優先度1


サポートに関する要件
キユーピーガイドライン 関連するJIS 優先度
ページ上部の分かりやすい位置に「お問い合わせ」ボタンを常設しました。 利用者とコミュニケーションが取れるよう、問い合わせ先をウェブコンテンツ上の分かりやすい位置に明示する。
 6.5
[ 必須項目 ]		 優先度1
 
バナー情報
ページトップへ
サイト情報