1.3.3 感覚的な特徴

要件

「形」「色」「位置」「音」などの感覚的な特徴のみを使って情報を伝えたり操作を指示したりしないこと。
同じ内容を、テキストや構造的な手がかりでも伝える必要があります。

内容

視覚や聴覚に依存しない情報提供が求められます。
たとえば、視覚障害者には「赤いボタン」や「右上のメニュー」といった説明では伝わりません。

そのため、「色」「形」「位置」「音」などを使う場合でも、それにテキストやコード構造での補足を加える必要があります。

具体例

達成していない例（感覚情報のみ）

• 「右の欄に必要事項を入力してください」
• 「赤いボタンをクリックしてください」
• 「下線があるテキストをクリック」
• 「ピンポーンという音がしたら、次のページへ進んでください」

達成している例（補足あり）

• 「右の欄（[名前]と記載された欄）に入力してください」
• 「赤い「送信」ボタンをクリックしてください」
• 「下線がある『こちらをクリック』というテキストリンクを選択してください」
• 「『続ける』というリンクの直前に、通知音が鳴ります」

利点

視覚障害者

色や位置を頼らず、スクリーンリーダーで意味が通じる情報提供が可能

色覚多様性（色弱）のある方

色だけに頼らず操作できるため、使いやすい

外国人ユーザー・高齢者

より明確で具体的な言語による説明で理解しやすくなる

音を聞けない・出せない環境

音声以外の方法でも操作タイミングを把握可能

実装のポイント

「赤いボタン」などの表現

「赤い送信ボタン」など、ラベルで補足する

「右側」「上から3番目」などの位置表現

「右側のメニューリスト」など、役割や構造を示す

アイコンや色のみに意味を持たせる

ツールチップ・ラベル・テキスト代替を併記する

音声やアニメーションでの通知

視覚的な表示やテキストも併用する（例：モーダル表示など）

一覧に戻る