アクセシビリティ資料 検査項目事例集 WCAG 4.1.3

WCAG 4.1.3: ステータスメッセージ

フォーム保存完了、検索結果件数、エラー件数の更新など、フォーカスを移動させずに画面上に表示される状態変化は、role="status" や aria-live で支援技術にもリアルタイムに伝わるようにします。

Level AA 確認方法: 手動確認

意図的な失敗例: ステータスメッセージが通知されない

保存完了メッセージがaria-live等なしに更新されます。

保存しました

確認観点

  • 画面遷移せずに動的に表示されるメッセージ領域を特定する
  • 一般的な完了通知等には role="status"(または aria-live="polite")を指定する
  • 急を要するエラー警告には role="alert"(または aria-live="assertive")を指定する

人の判断が必要な例

  • 画面読み上げソフトを使用中にメッセージが表示された際、フォーカスを動かさなくても音声で通知されるか確認する

補助ツール候補

  • status-messages
  • aria-attributes
  • role-check

生成メモ

  • 支援技術を用いた実検証が必要