AAA

2.1.3 キーボード (例外なし)

WCAG(Web Content Accessibility Guidelines)における達成基準 2.1.3「キーボード(例外なし)」(適合レベル AAA)は、すべての機能がキーボード操作で完全に利用可能であることを求める厳格な基準です。

要件

コンテンツのすべての機能が、時間依存の入力を除き、キーボードの操作のみで利用可能であること。

内容

項目説明
対象ユーザーキーボードのみを使う利用者(身体障害・視覚障害など)
対象機能フォーム送信、操作、メディア制御、ナビゲーションなど「すべてのUI機能」
例外条件時間に依存する入力(例:ドラッグでの反応時間)のみ例外として許容
要求レベル最も厳格な AAA 等級であり、高度な配慮が必要

不適合の例

ケース問題点
2本指ジェスチャ(例:ピンチ)でしかズームできないキーボードで代替不可
ドラッグアンドドロップでのみ項目の並べ替えが可能キーボード操作では不可能な機能
メニューの展開がマウスホバーでしかできないキーボード操作に非対応

適合の例

ケース実装方法
キーボードで「Tab → Enter」で全てのナビゲーション項目を操作可能にしている適合
ドラッグ操作に加え、上下矢印キーやボタンで項目の順番変更ができるキーボード代替手段の提供により適合
マウスホバーで開くサブメニューを、フォーカス時にも開くように設計適合(hoverとfocus両方で機能)

実装上のヒント

対応ポイント解説
tabindex の正しい指定フォーカス可能な要素には tabindex="0"
ARIA 属性の活用ロール・状態・値を明示的に定義
マウス操作限定イベントの代替onmouseover のみ → onfocus にも対応
ドラッグの代替UI「移動↑↓」ボタンの提供やキーボードでの位置変更など

利点

  • キーボード操作のみで利用可能なユーザーの体験が向上
  • 支援技術(スクリーンリーダーなど)との互換性を最大化
  • インタラクティブなUIでもユニバーサルな操作体系が実現
  • 公共性の高いコンテンツにおけるアクセシビリティ向上

補足

この基準は等級AAAであり、法令で必須とされることは少ないですが、特に 公共機関、教育機関、医療、金融機関などの分野では採用が推奨されます。

一覧に戻る
お問い合わせ

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

お問い合わせフォームへ