誰もが利用しやすい情報デザイン

指導者向けの公開補足

学習本文に加えて、指導の視点・背景・授業での確かめ方を示します。どなたでも読めます。

指導の焦点

すべての人に一つの最適解を押しつけるのではなく、使える経路や調整の選択肢を増やす考え方として扱う。想定する利用者と場面を具体化させる。

色のコントラストだけでアクセシビリティ全体が満たされるわけではない。キーボード操作、読み上げ、字幕、理解しやすい表現なども組み合わせる。

案内ページをマウスなしで操作し、見出しの順やリンクの意味を確かめる。個人の障害や診断を開示させる活動ではなく、設計側の改善に焦点を当てる。

制度・規格等は本文末尾の参考資料も確認してください。

年齢、言語、身体的な条件などにかかわらず、できるだけ多くの人が使いやすいよう、初めから設計する考え方がユニバーサルデザインだ。全員に一つの形を押し付けるという意味ではない。複数の経路や調整方法を用意することも含まれる。

アクセシビリティは、さまざまな条件の人が情報や機能に到達し、利用できることに関わる。ユーザビリティは、ある利用者が目的を達成するときの有効さ、効率、満足などに関わる。入口に到達できなければ、到達した人だけが使いやすい設計では足りない。

地域の工作室の利用案内を、紙とウェブで提供するとする。次のように、利用条件と障壁を組にして考える。

障壁は、特定の障害がある人だけに関わるものではない。片手がふさがっている、強い日差しで画面が見えない、通信が遅いといった一時的な状況でも生じる。

「緑のボタンで申込む」だけでなく、「申込みへ」という文字をボタン自体に入れる。色、位置、形だけに頼らない。ピクトグラムも、全ての人に同じ意味が伝わるとは限らないので、重要な場面では短い文字を併記する。

画像の代替テキストは、画像がその場で担う役割を説明する。装飾として置く画像と、道順を説明する画像では必要な説明が違う。「画像です」とだけ書いても役に立たない。一方、長い地図の全情報を一文へ詰め込むより、本文に手順を用意した方が理解しやすい場合もある。

フォームでは、各入力欄に名前を付け、必須項目と入力例を示す。誤りがあったときは、赤色だけでなく、どの項目をどう直すかを文章で伝える。入力済みの情報を不必要に消さないなど、失敗から戻れることも大事だ。

工作室の案内なら、「初めての人が利用時間を調べ、申込み方法を見つけられる」という課題を決める。協力者がどこを見て、どこで迷い、何を押したかを観察する。作った人が先に答えを教えると、問題点を見つけにくくなる。

文字を拡大する、キーボードだけで移動する、音を消す、白黒で印刷するといった条件も試す。ただし、簡単な模擬体験だけで当事者の経験を全て理解したとは言えない。多様な利用者の意見や、公的な基準も参考にする。

到達できない、申込みができないといった重大な障壁を先に直す。変更した後は、別の人に新しい負担を生んでいないかを確認する。「全ての人に完全対応」と安易に表示せず、使える方法、既知の制約、相談窓口を具体的に示すことが役立つ。

問1の解答例を見る

「必須」という文字を各入力欄に付ける。別の方法として、説明付きの記号を併記する。いずれも色だけに頼らず、支援技術でも必須であることを伝えられるようにする。

問2の解答例を見る

作成者は施設の配置や呼び名を知っており、初めての人が必要とする目印や分岐の説明を見落としやすいためである。初めて使う人に試してもらい、迷った場所を確かめる。

問3の解答例を見る

Tabで各入力欄とボタンへ移れるか、現在のフォーカスが見えるか、入力・選択・送信ができるかを確認する。エラーの内容と直す場所が分かり、操作が途中で行き詰まらないかも観察する。

多様な人と状況を想定し、到達、理解、操作、失敗からの回復を設計する。代替手段をそろえ、実際の課題と利用者の反応に基づいて改善を続けよう。