A WCAG2.1 NEW

2.1.4 文字キーのショートカット

アクセシビリティ達成基準 2.1.4「文字キーのショートカット」(適合レベル A)は、音声入力ユーザーや誤操作のリスクを軽減するために、キーボードショートカットの制御手段を設けることを求める項目です。

要件

単一の文字キー(文字、数字、句読点、記号など)で実行できるショートカットがある場合は、以下のいずれかが必要です。

  • 無効化できること
  • 意図しない動作を防ぐためにフォーカスがある要素でのみ動作すること
  • 2つ以上のキー操作(例:Ctrl+文字)に変更できること

内容

項目説明
対象ユーザー音声入力ユーザー、運動障害を持つユーザー、誤操作の多いユーザーなど
対象ショートカットSDのような「単体の文字キー」でアクションを起こすもの(例:Sで送信)
対象外「Ctrl + S」や「Alt + Shift + D」などの修飾キー付きショートカットは除外

不適合の例

ケース問題点
Sキーでチャットを即送信するが、無効化できない誤送信の可能性
音声入力で「s」と発話しただけでフォームが送信される意図しない動作

適合の例

ケース適合ポイント
設定画面でショートカット(例:Sキー)を無効にできる条件①:無効化可能
テキストエリアにフォーカスがあるときだけショートカットが有効になる条件②:特定フォーカス時のみ有効
デフォルトのSキーショートカットを「Ctrl+S」に変更可能条件③:複数キー操作に変更可能

実装上のヒント

対応方法解説
ショートカットのON/OFFトグル設定画面でユーザーが制御できるようにする
フォーカスチェックdocument.activeElementで現在の入力状態を確認して処理制御
修飾キーの利用推奨単体キーではなく「Ctrl」「Alt」「Shift」などとの組み合わせにすることで誤作動を回避

利点

  • 音声入力ユーザーの誤動作防止
  • アクセシビリティの包括性を向上
  • 不意の操作によるストレスやトラブルを軽減
  • 多様な利用環境への適応性が高まる

まとめ

この達成基準は、特にインタラクティブなWebアプリケーションショートカット操作を多用する管理画面などで重要になります。

最終更新日:2025年12月01日
一覧に戻る
お問い合わせ

当社では、ウェブサイトの診断や改善方法のご提案を通じて、
すべてのユーザーにとって使いやすいウェブづくりをサポートしています。
ご相談・ご依頼は、こちらからお気軽にお問い合わせください。

お問い合わせフォームへ