日本語
a11yglass · ウェブサイトのアクセシビリティチェック

ホームナレッジベース › WCAG 基準

WCAG 2.1.1 に従ったキーボード操作

すべての機能はキーボードで到達可能かつ起動可能でなければなりません。これは特に、自作の操作要素(button/a の代わりにクリックハンドラーを持つ div/span)に関係します。

よくある誤り

tabindex とキーボードハンドラーのないクリック可能な <div>/<span>、:hover でのみ開くドロップダウンメニュー、フォーカス制御のないモーダル、操作ボタンのないカルーセル。

正しいやり方

ネイティブ要素(button、a、input)を使用してください。他に方法がない場合: role、tabindex="0"、Enter/Space 用の keydown ハンドラー。キーボードトラップは禁止 — 出られることも必要です。

自動テストの限界

キーボード操作は実際の操作でのみ確認できます — a11yglass の無料スキャンはそれを対象としません。Tab、Shift+Tab、Enter、Space、矢印キーのみで、ページを上から下まで一度通してみてください。

a11yglass の役立ち方

無料スキャンは、配信された HTML と CSS を、自動的に認識可能な WCAG 違反について検査し、 各所見について達成基準と具体的な対策を示します。問題のおよそ 20〜35 % を検出し、 完全な評価に代わるものではありません。

続きを読む

最善の知識に基づく一般的な情報であり、法的助言ではありません。個別のケースについては、IT 法を専門とする法律事務所にご相談ください。