対応事例

JIS X 8341-3:2010に基づくと共に、ユーザー特性などを加味し、ウェブアクセシビリティを実現するために、以下のような対応を行いました。

1.全てのユーザーの使いやすさ

• トピックパス(パンくず)により、現在位置を示しています。
• ページのタイトルには、利用者がページの内容を識別できる名称を付けています。
• フォームは、何を入力すれば良いかを分かりやすく示しています。
• 入力のエラーがあった場合は、エラーの理由を明確にしています。
• 入力した内容は、送信前にユーザーが確認・修正できようにしています。
• 入力には時間制限を設定しておりません。
• ボタンは役割の分かる名前で、入力操作の流れに沿った場所に配置しています。
• 色のみでの情報の提供はしておりません。色の他に形、テキストで情報を提供しています。
• 識別しにくい色の組み合わせは使用しておりません。
  例)緑の背景に赤の文字、茶の背景に黒の文字など
• リンクには、リンクを読むだけで移動するページを予測できる名称にしています。
• 専門用語などはなるべく用いないようにしていますが、用いる場合は説明を加えています。 (例外：論文リストページ)
• 正しく情報が伝わるように、略字は用いないようにしています。用いる必要がある場合はフリガナを追記します。(例外：論文リストページ)
  例)UDではなく、ユニヴァーサルデザインと記述します。
• 人名には「フリガナ」を添えています。
• 行間に適度な高さ(1.65)を確保しています。
• ポップアップウィンドウは使用しておりません。

2.キーボードユーザーの使いやすさ

• キーボードで全ての操作ができるようにしています。
• マウスでリンク位置に移動した際に、リンク場所の色が反転するなどの効果をキーボード操作でも同様に得られるようにしています。
• 見ている順番と同じ順番で移動できるようにしています。
• 同じメニューを毎ページで移動しなくて良いように、メニューをスキップジャンプできるようにしています。

3.音声読み上げソフトユーザーの使いやすさ

• 正しく情報が伝わるように、略字は用いないようしています。用いる必要がある場合はフリガナを追記します。
  
• 人名には「フリガナ」を添えています。
• 数字の表記は、分、時、月、日などで表現し記号は用いないようにしています。
  例)2011/01/10を2011年1月10日　　07:30を午前7時30分もしくは、午前7時半
• 文字と文字の間にスペースや改行などを挿入していません。
  例)"理　事"を「リ　コト」と読み上げますので"理事"と記述
• 画像、動画など非テキストの情報にはテキストや音声で適切な代替情報を提供しています。(現在、動画はありません。)
• 見出しや、箇条書きの項目で移動できるようにしています。
  例)音声読み上げソフトによっては、Hのキーを押すと、見出しに移動します。

4.聴覚に障碍のあるユーザーの使いやすさ

• 会話やナレーションなど音声の情報には字幕などテキストで代替情報を提供します。
  (現在、音声の情報はありません。)

5.制作について

• スタイルシートを用いて、構造と表現を分離しています。
• 見出しは見出しタグを使用するなど、文書を適切に構造化しています。
• 当サイトおよびサービス・アプリのロゴ以外の文字は画像化せず、テキストを使用しています。
• ユーザーが文字サイズを変更できるようにフォントサイズを相対値で指定しています。
• PC-Talker2の項目読みで、2度同じ内容の読み上げが行われてしまうため、role属性は使用していません。

このページの先頭へ