LEARN BY EXAMPLE
2.5.4 動きによる起動 レベル A
端末や体を動かして使う機能をボタンでも操作できる。
概要
端末や利用者の動きで行う機能は、ボタンなどでも操作でき、動きへの反応を無効にできるようにします。例えば、端末を傾けて手順を進める画面には、前後のボタンと、動きによる切り替えをオフにする設定を用意します。例外となる2つの場合は「条件と補足」で説明します。
撮影手順を進める操作
利用者が困る例 端末の傾きだけで切り替え
端末を固定していると、次へ進めません。
手が震えると意図せず切り替わり、動きへの反応を止められません。
改善した例 ボタンと無効化の設定
写真の撮り方
手順1 / 3
設定を確認する
撮影モードを選びます。
チェックを外し、下のボタンを押すと、動きの通知があっても手順が変わらないことを試せます。
手順1 / 3:設定を確認する。動きへの反応は有効です(説明用)。
実際のセンサーやカメラは使いません。端末を動かさずに試せます。最後の次は最初の手順に戻ります。
Tabで操作部品へ移動できます。ボタンはEnterかSpace、チェックはSpaceで操作できます。
動かさずに進み、意図しない切り替えも止められます。
動きへの反応をオフにしても、前後のボタンは使えます。
達成できないと起こる問題の例
写真の撮り方を説明する画面で、次の手順を読みたい場面です。端末を左右に傾ける方法しかなく、画面には前後のボタンがありません。
車いすの台などに端末を固定して使う利用者は、次の手順に進めません。手の震えがある利用者は、意図せず手順を切り替えてしまうこともあります。動きへの反応を止める設定がなく、読みたい手順にとどまれません。
達成するための改善例
同じ画面に「前の手順」「次の手順」ボタンを用意します。端末を固定したままでも同じ手順に進んだり戻ったりできます。
「動きによる切り替えを使う」のチェックを外すと、傾けても手順は変わりません。前後のボタンは引き続き使えます。動かさずに操作する方法と、意図しない動作を止める方法の両方を用意します。
図の「改善した例」は動きの通知を説明用のボタンで再現します。チェックを外して「傾きの通知を再現」を押すと、手順が変わらないことを試せます。実際に端末を傾ける必要はありません。
確認のポイント
- 端末を振る・傾ける、カメラへ顔や手を動かすなどの入力で動く機能はありませんか。
- その機能をボタンなどの操作部品でも同じように使えますか。
- 動きへの反応を無効にして、意図しない動作を防げますか。
- 無効にした後も、代わりの操作部品で機能を使えますか。
条件と補足
対象となる動き
端末のセンサーで振動や傾きを読み取ったり、カメラで利用者の目・顔・手のジェスチャを読み取ったりして、入力として使う機能が対象です。端末を振って入力を取り消す操作や、カメラへ手を振ってページを進める操作などが当たります。
位置情報で利用者の移動を記録することや、QRコードを読み取るためにカメラを対象へ向ける動きは、この基準の対象ではありません。キーボード、マウス、タッチ画面、支援技術を使うときに伴う体の動きも、一律に別の操作へ置き換える対象にはなりません。
代わりの操作と無効化
例外に当たらなければ、代わりの操作部品と動きへの反応の無効化の両方が必要です。ボタンを追加しても、意図しない傾きで内容が変わり続ける場合は、この基準を満たしません。
無効化は必ずしもページ独自の設定で行う必要はありません。対応するOSの設定によって動きへの反応を無効にできる方法もあります。実際に利用できることと、その設定をコンテンツが妨げないことを確認します。
図のような画面上のボタンは、クリックやタップに加え、2.1.1「キーボード」の条件に沿ってキーボードでも使えるようにします。
2つの例外
1つ目は、アクセシビリティがサポートされたインタフェースを通じて機能を操作するために、その動きが用いられる場合です。利用者が使う支援技術などで、その入力方法を利用できることが前提になります。支援技術を操作するための動きなどを、別の操作へ置き換える要求ではありません。
2つ目は、その機能に動きが必要不可欠で、代わりの操作や無効化を求めると活動自体が成り立たなくなる場合です。例えば、歩く動きから歩数を測る機能が挙げられます。
「必要不可欠」は、それを取り除くと情報や機能が根本的に変わり、WCAGを満たす他の方法でも実現できないことを指します。手順を進める操作に傾きを選んだというだけでは、この例外にはなりません。
この図で扱う範囲
図の「改善した例」は画面上のボタンによる代わりの操作と、設定による動きへの反応の無効化を示します。動きの通知はボタンで再現しており、実際のセンサーやカメラは使いません。センサーの使用許可を求める画面も表示しません。
実際に動きを使う機能では、無効にした後にセンサーから入力されても機能が動かないことを、対象の機器で確認します。この図の操作だけで、実機の動作やページ全体の適合を確かめたことにはなりません。
参照資料
- WCAG 2.2 本体:2.5.4 Motion Actuation(要件)
- WAIC:2.5.4 動きによる起動の解説(日本語訳)
- W3C:Understanding 2.5.4(英語公開版)
- W3C:G213 代わりの操作と設定を用意する方法(実装例)
- W3C:F106 動きへの反応を無効にできない失敗例
テクニックは達成する方法の例です。この図と同じチェックボックスが、すべての画面で必須という意味ではありません。
出典の最終確認: 2026-11-09。写真の撮り方の画面はこの教材のために作った例です。