WCAG 4.1.3: ステータスメッセージがロール等により通知されるか確認する
保存完了・エラー件数・検索結果件数・読み込み状態など、フォーカスを移動させずに表示される状態変化が role=status / alert / aria-live 等で支援技術にも伝わるか確認します。
意図的な失敗例: ステータスメッセージが通知されない
保存完了メッセージがaria-live等なしに更新されます。
確認観点
- 送信完了、保存完了、エラー件数、検索結果件数、読み込み中など、フォーカスを移動せずに更新されるメッセージを洗い出す
- 重要度に応じたroleやaria-liveが指定されているか確認する
- メッセージの更新領域がDOM上に存在し、表示後に支援技術へ通知される実装になっているか確認する
- 見た目だけのトースト、バッジ、件数更新、ローディング表示が非視覚的にも伝わるか確認する
人の判断が必要な例
- スクリーンリーダーで、フォーカスを移動しなくてもステータスメッセージが通知されるか確認する
- 通知が不要な装飾的変化や頻繁な更新まで読み上げ対象にしていないか確認する
- エラーは3.3.1、入力支援は3.3.3との関係も確認する
補助ツール候補
- status-messages
- aria-attributes
- role-check
生成メモ
- 支援技術を用いた実検証が必要