WCAG 4.1.3: ステータスメッセージ
フォーム保存完了、検索結果件数、エラー件数の更新など、フォーカスを移動させずに画面上に表示される状態変化は、role="status" や aria-live で支援技術にもリアルタイムに伝わるようにします。
意図的な失敗例: ステータスメッセージが通知されない
保存完了メッセージがaria-live等なしに更新されます。
保存しました
確認観点
- 画面遷移せずに動的に表示されるメッセージ領域を特定する
- 一般的な完了通知等には role="status"(または aria-live="polite")を指定する
- 急を要するエラー警告には role="alert"(または aria-live="assertive")を指定する
人の判断が必要な例
- 画面読み上げソフトを使用中にメッセージが表示された際、フォーカスを動かさなくても音声で通知されるか確認する
補助ツール候補
- status-messages
- aria-attributes
- role-check
生成メモ
- 支援技術を用いた実検証が必要