AAA

2.2.4 割り込み

WCAG 2.2における達成基準 2.2.4「割り込み(Interruptions)」【等級 AAA】は、ユーザーの操作を不意に妨げるような割り込みを制御可能にすることを求めています。

要件

利用者の注意を強制的に引くような割り込み(通知・ポップアップ等)は、例外的な状況(例:緊急性の高い安全関連の通知)を除き、ユーザーが制御・延期・抑制できるようにする必要があります。

対象となる割り込みの例

割り込みの種類説明
システム通知自動ログアウト、アップデート通知など
ポップアップ自動的に出現するダイアログや広告
自動リダイレクト一定時間後にページが遷移する
メール購読やチャットの案内ページ下部からスライドインするタイプなど

達成するための具体的対応例

状況アクセシブルな対応例
自動ログアウト前の通知「延長しますか?」の確認ダイアログを表示し、操作可能にする
お知らせバナーバナーを表示するが「閉じる」「あとで見る」などの選択肢を用意
チャットポップアップ自動表示ではなく、ユーザーが起動するトリガーを設置(例:ボタン)

利用者への配慮

この基準は以下のような利用者に対して特に効果的です

  • 認知障害のある方(集中力が分断されやすい)
  • 支援技術(スクリーンリーダーなど)を使用している方
  • 誤操作しやすい高齢者やキーボード操作中のユーザー

利点

  • 操作中の集中が維持できる
  • 誤操作や混乱を防止できる
  • ユーザーの主導権を守る設計が実現できる

実装時のポイント

  • ポップアップ表示時には role=”alertdialog” ではなく role=”dialog” として、明示的な操作で開く
  • タイマー制御がある通知はユーザーが 延長・抑止・キャンセル できるようにする
  • 割り込み要素は、ARIA Live Region を慎重に使用(無効化または抑制)

補足

この基準は レベルAAA(最高レベル)です。
すべてのサイトが準拠すべき義務ではありませんが、ユーザー体験を重視する公共機関・大規模サービス・アクセシビリティ先進企業では重要な指標です。

最終更新日:2025年12月01日
一覧に戻る
お問い合わせ

当社では、ウェブサイトの診断や改善方法のご提案を通じて、
すべてのユーザーにとって使いやすいウェブづくりをサポートしています。
ご相談・ご依頼は、こちらからお気軽にお問い合わせください。

お問い合わせフォームへ