押し間違いを、そのまま実行しない。

05条件と補足

押す時点と離す時点

この基準は、1本の指、マウス、ペンなどの「シングルポインタ」で操作できる機能が対象です。指が画面に触れるときやマウスのボタンを押すときが「ダウンイベント」、指やボタンを離すときが「アップイベント」です。

対象の機能は次のうち少なくとも1つを満たす必要があります。4つすべてを実装する要件ではありません。

1. 機能のどの部分を実行するためにもダウンイベントを使わない。
2. アップイベントで機能を完了し、かつ完了前に中止できるか、完了後に元に戻せる。
3. アップイベントで、その前のダウンイベントによるすべての結果が元に戻る。
4. ダウンイベントで機能を完了させることが必要不可欠である。

2番目の方法では、「離したときに完了すること」と「中止か元に戻す方法があること」の両方が必要です。押した瞬間に完了し、後から元に戻せるというだけではこの方法の条件を満たしません。

実装方法の例

図はHTMLの標準ボタンでclickイベントを使う例です。マウスでは押した瞬間に保管せず、通常のクリックが成立したときに保管します。clickはタッチやキーボードでも使えるイベントです。

押している間だけ説明を表示し、離すとすべて元に戻る仕組みは、3番目の方法の例です。ドラッグ操作の途中で選択状態などを変える場合は、2番目の方法として、中止や元に戻す方法を用意できます。

「受信箱へ戻す」はこの教材で付けた追加の操作です。ダウンイベントを使わない1番目の方法を満たす機能すべてに、別の取消ボタンが必須という意味ではありません。

対象と必要不可欠な場合

対象はウェブコンテンツが解釈するポインタ操作です。ブラウザーや支援技術そのものの操作は対象外です。キーボードで操作できるかは、2.1.1「キーボード」でも確認します。

画面上のキーボードやテンキーでキー入力を再現する機能は、ダウンイベントでの完了が必要不可欠とみなされます。押す時点で音を出す画面上のピアノも、公開解説が挙げる例です。単に反応を速くしたいという理由で、通常のボタンを例外にはできません。

「必要不可欠」は、その方法を取り除くと情報や機能が根本的に変わり、WCAGを満たす他の方法でも実現できないことを指します。

この図で扱う範囲

図の「改善した例」はマウスを押した時点では実行せず、ボタンの外で離すと中止できる方法を示します。タッチやペンで中止できる範囲は使うブラウザーや機器でも確認します。この図ではメールの保管状態の表示だけを変え、実際のメールには触れません。