入力モダリティのガイドライン
2.5.1 ポインタのジェスチャの達成基準(レベルA)
マルチポイントや軌跡ベースのジェスチャに依存しない
この達成基準は、マルチポイント(例:ピンチイン/アウト)や軌跡ベースのジェスチャ(例:スワイプ)に依存する機能に対し、シングルポインタ操作で同等の機能を提供できるようにすることを目的としています。
実践すべきこと
WCAG 2.1
シンプルな設計
- ユーザーインタフェースの設計で、シングルポインタ操作を利用するよう心掛ける。
代替操作の提供
- すべてのマルチポイントまたは軌跡ベースのジェスチャを持つ機能について、シングルポインタによる代替操作を提供する。
本質的な部分の例外
- ジェスチャがその操作の本質的な部分である場合は例外とできるが、ジェスチャの必要性を明確に示し、利用者にに理解してもらう必要がある。
- 可能な限り代替手段を提供することが望ましい。
運用者への注意
定期的な確認
- 新規ページや更新されたコンテンツにおいて、ジェスチャの代替手段が適切に機能しているか定期的にチェックする。
開発者への注意
複雑なジェスチャへの代替操作の提供
- 複雑なジェスチャを要求する操作には、キーボードショートカットやボタン操作など、異なる方法で同等の操作が可能であることを保証する。
2.5.2 ポインタのキャンセルの達成基準(レベルA)
機能の実行にダウンイベントを使用しない
この達成基準は、利用者がポインタを使用して操作を開始した後、誤った操作を防止のため、操作を中止または元に戻す機会を提供できるようにすることを目的としています。
実践すべきこと
WCAG 2.1
ダウンイベントを使用しない
- 機能を実行するためにポインタのダウンイベントを使用しない。
中止または元に戻すことができる
- ポインタのアップイベントで機能を完了し、機能の完了前に中止する、または機能の完了後に元に戻すためのメカニズムを提供する。
アップイベントで反転または無効化する
- ボタンを押し下げた状態でマウスカーソルを移動し、ボタンの外側でマウスボタンを離すと、ボタンのアクティブ状態が解除されるなどの機能を提供する。
必要不可欠な場合を除く
- ダウンイベントで機能を完了することが操作にとって必要不可欠でない限り、上記のいずれかを適用する。
運用者への注意
定期的な確認
- 新規ページや更新されたコンテンツにおいて、誤って操作を開始した場合に、簡単にキャンセルまたは元に戻す方法が提供されているか定期的にチェックする。
開発者への注意
アップイベントを用いた機能
- 誤って操作がされるのを防ぐために、ポインタのダウンイベントで直接機能を実行するのではなく、アップイベントを用いて機能をトリガーする方法を採用する。
確認する手段を提供する
- ダウンイベントを必要とする機能には、利用者に確認する手段を提供する。
2.5.3ラベルを含む名前 (name)の達成基準(レベルA)
ラベルのテキストはアクセシブル名に含まれる
この達成基準は、視覚的なラベルのテキストがアクセシブルな名前(機械的に読み取れる名前)に含まれていることを目的としています。
実践すべきこと
WCAG 2.1
アクセシブルな名前には視覚的なラベルのテキストを含める
-
aria-label
、aria-labelledby
などを適切に使用して、視覚的なラベルのテキストがアクセシブルな名前に含まれるようにする。 - アクセシブルな名前にラベルのテキストが含まれていれば良いが、テキストは同じである方が望ましい。
運用者への注意
定期的な確認
- 新規ページや更新されたコンテンツにおいて、ラベルとアクセシブルな名前が一致しているか定期的にチェックする。
開発者への注意
ラベルとアクセシブルな名前を合わせる
-
フォーム要素に「検索」というラベルが付けられている場合、その要素の
aria-label
も「検索」と設定することで、音声入力の利用者が「検索」と話してその要素を操作できるようにする。
2.5.4 動きによる起動の達成基準(レベルA)
振ることや傾けること以外でも操作できる
この達成基準は、振ることや傾けるなどのデバイスの動きや利用者の動作によって操作可能な機能は、より一般的ない方法で操作できること、動きの検出を無効にできることを目的とします。
実践すべきこと
WCAG 2.1
動き以外の方法で同様の操作を提供する
- デバイスを振る、傾けるなどの動作に依存する機能について、動き以外の方法で同様の操作が可能なユーザーインターフェースを提供する。
動きによる操作をオフにできる
- 偶発的な操作を防ぐため、利用者が動きの検出をオフにできる設定を提供する。
本質的な部分の例外
- 動きがその機能にとって必要不可欠である場合は例外とする。
運用者への注意
定期的な確認
- 新規ページや更新されたコンテンツにおいて、動きによる操作の代替操作手段が提供されているか定期的にチェックする。
開発者への注意
動きに基づく入力が必須でない限り、その機能を実行するための代替手段を提供する
- テキストフィールドに入力後、デバイスを振ることで入力を取り消す機能に対し、キャンセルボタンを提供して同じ操作ができるようにする。
- 動きの検出を無効にするオプションを組み込み、利用者が状況に応じて動きに基づく操作をオフにできるようにする