WCAG 1.3.3: 形状・位置・音だけに依存した指示をしていないか確認する
形、色、大きさ、位置、方向、音などの感覚的な特徴だけで指示せず、対象の名前やラベル、目的が分かるテキストを併記します。
意図的な失敗例: 位置と色だけで指示している
「右の赤いボタン」だけでは対象を特定できません。
右の赤いボタンを押してください。
確認観点
- 「右のボタン」「丸いアイコン」「赤い項目」など、感覚的な特徴だけで対象を示している表現を探す
- 対象を示す場合は、「送信ボタン」「お問い合わせフォーム」「削除ボタン」など名称やラベルを併記する
- 音による通知を使う場合は、画面上のメッセージや状態表示など視覚的な通知も同時に提供する
- レスポンシブ表示で位置が変わっても意味が通じるように、「右側」「下記」だけで案内しない
人の判断が必要な例
- スマホ表示などでレイアウトが変わっても、指示文が矛盾しないか確認する
- 色名や形状が分からなくても、対象を名前やラベルで特定できるか確認する
- アイコンフォントや記号だけの操作部品が、スクリーンリーダーで意味のある名前として読まれるか確認する
補助ツール候補
- custom-ambiguous-link-text
- grayscale
- aria-attributes
- role-check
生成メモ
manual-judgment-catalog.ja.json の内容から生成しています。