Accessibility
Guidelines

2.2.4 コンテンツの更新を中断または延期できる

適合レベル

AAA

※各レベルについては適合レベルとはをご覧ください

概要

ユーザーの操作に関係なく突然コンテンツの内容を切り替えると、ユーザーの注意が散漫になり適切にコンテンツを読み進められない恐れがある。ダイアログやコンテンツの自動更新など、ユーザーの操作に割り込みをする場合は、ユーザーがコンテンツの更新を中断・延期可能にする。

ただし、以下のような緊急を要するものに関しては例外とする。

  • ユーザーのデータが、損失する可能性がある場合の警告
  • 緊急警報メッセージ

一例としてダイアログ機能が挙げられる。ダイアログの表示中は他の操作を抑制されるため、キーボード操作などでも非表示に設定できることが望ましい。

  • アップデートのお知らせが表示されているダイアログ。不具合を修正しました。一部のデザインを変更しました。最新のバージョンに更新します。というテキストと共にOKボタンが表示されている。
    Bad コンテンツの更新以外に選択肢がなく、ダイアログを閉じることができない。ユーザーはこれまでの操作を中断することになり、正しく操作を完了できなくなる恐れがある。
  • アップデートのお知らせが表示されているダイアログ。不具合を修正しました。一部のデザインを変更しました。というテキストと共にアップデートとあとで更新という2つのボタンが表示されている。
    Good ダイアログを閉じて、コンテンツの更新を延期できる。

テスト・チェック方法

  • リダイレクトや自動更新するコンテンツが含まれるページの場合、ユーザーが停止、延期などを設定できる機能があるか。
  • ダイアログ機能をキーボード操作で非表示にすることや、「後で確認する」のような確認を延期する操作ができるか。

実装方法

悪い実装例

metaタグのhttp-equiv属性を利用した、一定時間後に自動的に更新、リダイレクトさせる仕組み。リダイレクト設定が必要な場合は、可能な限りサーバーサイドで行うのが望ましい。

<meta http-equiv="refresh" content="5; url=http://www.example.com/" />

参考文献