AAA
3.2.5 要求による変化
アクセシビリティ達成基準 3.2.5「要求による変化」(Change on Request)は、ユーザーの意図しない状態変化を防ぐための重要な指針です。
この基準は 等級 AAA に該当し、高度なアクセシビリティ対応を目指す際に求められる内容です。
目次
要件
ユーザーの明示的な操作(要求)がない限り、コンテンツの変化や状態遷移が発生してはならない。
内容の詳細
| 項目 | 解説 |
|---|---|
| ページ遷移 | 自動的にページが遷移しない |
| フォーカス移動 | ユーザー操作なしにフォーカスが勝手に動かない |
| 表示コンテンツの変更 | ユーザーが明示的に操作(ボタン押下、チェックボックス選択など)しない限り、UI構成や情報を変えない |
| ステートの変更 | 自動でモーダルが開いたり、メニューが展開されたりしない(ポップアップやドロップダウンなど) |
具体例
| 適切な実装 | 不適切な実装 |
|---|---|
| 「もっと読む」ボタンを押すと、追加の文章が展開される | ページを読み終わる前に、自動で次のページに遷移する |
| ドロップダウンで選択し、「次へ」ボタンを押すと次ページへ | ドロップダウン選択直後にページが遷移する |
| 入力フォームで「確認」ボタンを押した後に送信処理が始まる | 入力欄に値を入れると即送信される |
この基準の目的
- 支援技術ユーザーの混乱を防ぐ:スクリーンリーダーで読み上げ中に勝手に画面が切り替わると把握できない
- 認知・学習障害者にも配慮:意図しない変化は理解を妨げる
- ユーザーのコントロールを尊重:あらゆるユーザーが「いつ何が起こるか」を自分で決定できる
実装のポイント
| ポイント | 対応方法 |
|---|---|
| 自動ページ遷移を避ける | meta refresh の使用を控える、JavaScriptによる強制リダイレクトを行わない |
| 選択変更で即動作させない | onchange ではなく、「決定ボタン」などユーザー明示のトリガーを使う |
| モーダルや通知 | ユーザー操作後に出す。時間経過で出さない。出す場合は閉じる操作も用意する |
| 入力補助 | オートコンプリート・サジェストなども明示的な選択操作を待つこと |
まとめ
| 項目 | 内容 |
|---|---|
| 達成基準 | 3.2.5 要求による変化 |
| レベル | AAA(最高レベル) |
| 要件 | ユーザーの明示的な要求がない限り、内容や状態を変化させない |
| 対象 | ページ遷移、モーダル表示、フォーム送信、ナビゲーションなど |
| 利点 | 予期しない変化による混乱を防ぐ、操作の予測性向上、誤操作防止 |
最終更新日:2025年12月01日
一覧に戻る
お問い合わせ
当社では、ウェブサイトの診断や改善方法のご提案を通じて、
すべてのユーザーにとって使いやすいウェブづくりをサポートしています。
ご相談・ご依頼は、こちらからお気軽にお問い合わせください。