WCAG 2.2 達成基準 2.1.4「文字キーのショートカット」の検品について

今回は、WCAG 2.2の「2.1.4 文字キーのショートカット」について、その確認方法をご紹介します。
詳細はSuccess Criterion 2.1.4 Character Key Shortcutsをご参照ください。

達成基準の概要

以下は達成基準の日本語訳を引用したものです。

文字 (大文字と小文字を含む)、句読点、数字、又は記号のみを使用したキーボードショートカットがコンテンツに実装されている場合、少なくとも次のいずれかを満たしている:

解除 ショートカットを解除するメカニズムが利用できる

再割当て 一つ以上のキーボードの非印字キー (例えば Ctrl、Alt) を含むようにショートカットを再割当てするメカニズムが利用できる

フォーカス中にのみ有効化 ユーザインタフェース コンポーネントのキーボードショートカットは、そのコンポーネントがフォーカスをもっているときのみ有効になる。

この基準は、ユーザーが意図しないキーボードショートカットの作動を防ぐために設けられています。1つの印字可能キーのみで発動するショートカットが誤って入力されることを避けるため、柔軟な設定が求められます。

検品の方法

文字キーショートカットの有無を確認

Webサイトやアプリ内で、単一の文字キーによるショートカットが設定されていないかを確認します。
設定されている場合はユーザーが意図せず発動しないよう、ショートカットを無効化できる、または非印字キー（Ctrl、Alt　など）を含む組み合わせに変更（＝再割り当て）できる制御手段が提供されていることを確認します。

ショートカットの設定変更が可能か確認

ユーザーがショートカットを無効化または変更できる機能が提供されているかを確認します。特に、一つ以上の非印字キーを含むショートカットであるか、またはショートカットのカスタマイズや無効化が可能かをチェックし、ユーザーが自分の設定に合わせて操作できることが求められます。

キーボード操作との競合を確認

ユーザーインタフェース コンポーネントにキーボードショートカットを設定している場合は、当該コンポーネントがフォーカスを持っている状態で、他の重要な機能やスクリーンリーダーの動作と競合しないかを確認します。

確認時に気を付けるポイント

ユーザーが意図せずショートカットを誤って起動してしまわない設計になっているかを確認しましょう。
また、ショートカットが他の機能と競合しないよう配慮することも重要です。設定の変更や無効化ができるオプションは、ユーザーがすぐに見つけられる場所に配置されているとより良いでしょう。

ショートカットの制御機能を適切に実装し、より多くのユーザーが快適に利用できるWebサイトを提供しましょう。