ジェスチャを使った操作で見落としがちなアクセシビリティ配慮事項

師匠：うむ。
手や指を自由に動かせない人にとっても使いやすくなった。
とても良い改善じゃ。

見習い君：ですよね！
これで、だいぶアクセシビリティに配慮できた気がします。

師匠：では、その地図をもう少しだけ、よく見てみようか。

見習い君：えっと……
指でつまんで拡大・縮小する、ピンチイン・ピンチアウトですね。

師匠：なるほど。
では、拡大・縮小はその方法だけじゃな？

師匠：ピンチイン・ピンチアウトは、2本の指を同時に使う操作じゃ。つまり・・・？

見習い君：・・・そうか。
2本の指を同時に動かすのが難しい人もいますよね。

師匠：そのとおりじゃ。
手や指が不自由な人の中には、健常者と同じように2本の指を同時に画面に触れて動かすことが困難な場合がある。

見習い君：そうなると、今の作りだと拡大・縮小ができなくて、地図を使うのが大変になってしまいますね。

見習い君：例えば……
拡大用の「＋」ボタンと、縮小用の「－」ボタンを置く、ですか？

師匠：そうじゃ。
ちなみに、拡大・縮小の方法としてスライダーを使うケースも見かけるが、これも注意が必要じゃ。
スライダーは、バーに沿って上下や左右に正確に動かす必要があるじゃろう。
そうすると、これまた操作が難しい人が出てきてしまうのじゃ。

師匠：うむ。
もちろん、ピンチイン・ピンチアウトやスライダーの操作は直感的で、多くの人が慣れている操作じゃ。
だから、そのまま実装していて問題はない。

見習い君：「消す」のではなくて、「追加する」ってことですね。

師匠：うむ。
他に難しい操作としては、複数の指でのタップやスワイプ、1本目の指を画面上に置いて2本目の指をタップするスプリットタップなどがある。これらの操作も代わりの方法として、１本指で操作できる仕組みを用意することが重要じゃ。
そして、もう一つ、気になるところがある。

見習い君：えっ、まだあるんですか？

師匠：この地図の横にある「地図を印刷する」ボタン、動きを確認してみるのじゃ。

師匠：そう。
このボタンは、触った瞬間に動作しておる。

見習い君：確かに……。
タップしたら、すぐに画面が切り替わります。

師匠：本来、テキストリンクやボタンといった操作要素は、押したあとに、その動作をキャンセルできるようにしておく必要があるのじゃ。

見習い君：今のままだと、触ったら即アウト、ですね。

師匠：例えば、指の震えが止まらない人や、力が入りにくい人は、意図せず画面に触れてしまうことがある。

見習い君：あっ……。
その瞬間に動作してしまうと、意図しない画面に行ってしまいますね。

見習い君：確かに……。
操作ミスが続くと、使うのが嫌になります。

師匠：だから、動作するタイミングはタップして、指を画面から離したときにする。
そして、途中で指を横にずらせばその操作をキャンセルできるようにするのじゃ。

見習い君：なるほど！
間違ってリンクやボタンに触っても、そのままキャンセルできるようにする必要があるんですね。

師匠：うむ。
操作できることだけでなく、安心して操作できることも大切なのじゃ。

師匠：うむ。その姿勢が大事じゃ。