A
WCAG2.1 NEW
2.5.1 ポインタのジェスチャ
アクセシビリティにおける達成基準 2.5.1「ポインタのジェスチャ」は、複雑なジェスチャによる操作が必要な場合は、単純な方法でも同じ操作ができるようにすることを求める要件です。
これは 等級 A に該当します。
目次
要件
複数の指を使う操作や特定の動き(例:スワイプ・ピンチ)など、ポインタの複雑なジェスチャを必要とする機能において、同等の機能を単一のポインタによる単純な操作(例:ボタンタップ)でも実行できるようにすること。
対象となる動作例
| 複雑なジェスチャ | 単純な代替操作(例) |
|---|---|
| ピンチイン・ピンチアウト | +/-ボタンで拡大・縮小 |
| スワイプ操作でページ切替 | 前へ/次へボタン |
| ドラッグで並び替え | ボタンで上下移動、またはセレクトボックス |
| 回転(2本指) | 回転アイコンボタン |
NGの例
- スマートフォンでの画像拡大をピンチ操作のみに依存している。
- スライダーがスワイプでしか操作できない。
OKの例
- +/-ボタンを設けて、ピンチ操作と同等のズーム機能を実装。
- スライダーに左右ボタンを付与。
- 並び替えがドラッグ操作以外でもボタンで変更可能。
意図と背景
この基準は、以下のようなユーザーへの配慮を目的としています
- 運動機能に制限のある方(手の動きが限定されている)
- マウス・トラックボール・キーボードのみを使うユーザー
- スマートフォンの支援技術(代替操作)を使うユーザー
実装のポイント
| 項目 | 対応内容 |
|---|---|
| 単一のポインタで完結する操作の追加 | クリック・タップ操作のみで利用可能に |
| キーボード操作にも対応 | 矢印キーやEnterキーで同等機能 |
| テスト実施 | マウスのみ、キーボードのみ、タッチ操作などで動作確認 |
チェックリスト
- ピンチやスワイプ操作を代替できるUIがあるか?
- 単一の指・ポインタで操作可能か?
- キーボード操作でも代替可能か?(可能なら推奨)
- 操作内容が視覚的に分かりやすいか?
利点
- 障害のあるユーザーでも操作可能
- ユーザビリティ向上(ミス操作の減少)
- モバイルUIの直感性を補完
- UXとアクセシビリティの両立
まとめ
| 項目 | 内容 |
|---|---|
| 達成基準 | 2.5.1 ポインタのジェスチャ |
| 等級 | A |
| 要件 | 複雑なポインタ操作には、単純な代替操作を提供する |
| 対象例 | スワイプ、ピンチ、ドラッグ、回転など |
| 推奨 | UIにボタンや単一ポインタ操作を用意する |
最終更新日:2025年12月01日
一覧に戻る
お問い合わせ
当社では、ウェブサイトの診断や改善方法のご提案を通じて、
すべてのユーザーにとって使いやすいウェブづくりをサポートしています。
ご相談・ご依頼は、こちらからお気軽にお問い合わせください。