A
WCAG2.1 NEW
2.1.4 文字キーのショートカット
アクセシビリティ達成基準 2.1.4「文字キーのショートカット」(適合レベル A)は、音声入力ユーザーや誤操作のリスクを軽減するために、キーボードショートカットの制御手段を設けることを求める項目です。
目次
要件
単一の文字キー(文字、数字、句読点、記号など)で実行できるショートカットがある場合は、以下のいずれかが必要です。
- 無効化できること
- 意図しない動作を防ぐためにフォーカスがある要素でのみ動作すること
- 2つ以上のキー操作(例:Ctrl+文字)に変更できること
内容
| 項目 | 説明 |
|---|---|
| 対象ユーザー | 音声入力ユーザー、運動障害を持つユーザー、誤操作の多いユーザーなど |
| 対象ショートカット | SやDのような「単体の文字キー」でアクションを起こすもの(例:Sで送信) |
| 対象外 | 「Ctrl + S」や「Alt + Shift + D」などの修飾キー付きショートカットは除外 |
不適合の例
| ケース | 問題点 |
|---|---|
Sキーでチャットを即送信するが、無効化できない | 誤送信の可能性 |
| 音声入力で「s」と発話しただけでフォームが送信される | 意図しない動作 |
適合の例
| ケース | 適合ポイント |
|---|---|
設定画面でショートカット(例:Sキー)を無効にできる | 条件①:無効化可能 |
| テキストエリアにフォーカスがあるときだけショートカットが有効になる | 条件②:特定フォーカス時のみ有効 |
デフォルトのSキーショートカットを「Ctrl+S」に変更可能 | 条件③:複数キー操作に変更可能 |
実装上のヒント
| 対応方法 | 解説 |
|---|---|
| ショートカットのON/OFFトグル | 設定画面でユーザーが制御できるようにする |
| フォーカスチェック | document.activeElementで現在の入力状態を確認して処理制御 |
| 修飾キーの利用推奨 | 単体キーではなく「Ctrl」「Alt」「Shift」などとの組み合わせにすることで誤作動を回避 |
利点
- 音声入力ユーザーの誤動作防止
- アクセシビリティの包括性を向上
- 不意の操作によるストレスやトラブルを軽減
- 多様な利用環境への適応性が高まる
まとめ
この達成基準は、特にインタラクティブなWebアプリケーションやショートカット操作を多用する管理画面などで重要になります。
最終更新日:2025年12月01日
一覧に戻る
お問い合わせ
当社では、ウェブサイトの診断や改善方法のご提案を通じて、
すべてのユーザーにとって使いやすいウェブづくりをサポートしています。
ご相談・ご依頼は、こちらからお気軽にお問い合わせください。