A
WCAG2.1 NEW
2.5.2 ポインタのキャンセル
アクセシビリティにおける達成基準 2.5.2「ポインタのキャンセル」は、意図しない操作の防止を目的とした要件であり、等級 A に該当します。
目次
要件
ポインターによる操作(タップやクリックなど)で、ダウンイベント(押下)だけで即時に処理が完了しないようにすること。つまり、「押した瞬間に即時決定される操作」は避け、キャンセルや修正ができる余地をユーザーに与える必要があります。
なぜ必要か?
- ユーザーが 誤ってタップ・クリックしてしまった場合に、修正ができないと支障が出る
- 支援技術(音声入力や視線操作)を使うユーザーは、誤作動しやすいため、誤操作防止が重要
- タッチUIでの「指が滑った・触れてしまった」などの意図しない動作にも配慮する
NGの例
| 操作 | 問題点 |
|---|---|
| ボタンを「タッチした瞬間」に即送信される | 意図しない送信になる |
| ドラッグ操作で「クリック時に即決定」されるUI | 途中でキャンセルできない |
| ダウン(押下)で機能が完了してしまう | フィードバックもなく誤操作 |
OKの例
| 操作 | 対応内容 |
|---|---|
| アップ(離した時)に動作する | ユーザーが途中でやめられる |
| 確定前に確認モーダルを表示 | 意図確認が可能 |
| ドラッグ中にキャンセル可能(Escキー、移動先外に出す) | 誤操作を回避可能 |
実装のポイント
| 実装内容 | 説明 |
|---|---|
| mouseup / touchend で処理する | mousedown / touchstart は避ける |
| ドラッグやスワイプの終了時に動作確定 | 途中でキャンセル可能にする設計 |
| 入力ボタンに確認ステップを設ける | 確定前に意図を確認できるようにする |
チェックリスト
- 押下(ダウン)時ではなく、離した時(アップ)に動作するか?
- キャンセル手段(Escキー、移動解除など)があるか?
- 誤操作防止の確認UI(確認モーダルなど)があるか?
- 操作中に変更・修正ができるか?
利点
- 支援技術ユーザーの誤操作防止
- スマートフォンでの誤タップ対策
- 高リスク操作(送信・決済・削除等)の安全性向上
- UXの向上と満足度アップ
まとめ
| 項目 | 内容 |
|---|---|
| 達成基準 | 2.5.2 ポインタのキャンセル |
| 等級 | A |
| 要件 | 「押下時(ダウン)」だけで機能が完了しないようにする |
| 目的 | 意図しない操作を防ぎ、ユーザーが操作をキャンセルできるようにする |
| 推奨 | 「離した時(アップ)」に動作、「確認」や「取り消し」の手段を用意 |
この達成基準は、フォーム送信、削除ボタン、ドラッグ操作などのあらゆる操作インターフェースに影響する重要な項目です。
最終更新日:2025年12月01日
一覧に戻る
お問い合わせ
当社では、ウェブサイトの診断や改善方法のご提案を通じて、
すべてのユーザーにとって使いやすいウェブづくりをサポートしています。
ご相談・ご依頼は、こちらからお気軽にお問い合わせください。