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であり、法令で必須とされることは少ないですが、特に 公共機関、教育機関、医療、金融機関などの分野では採用が推奨されます。
一覧に戻る
お問い合わせ
当社では、ウェブサイトの診断や改善方法のご提案を通じて、
すべてのユーザーにとって使いやすいウェブづくりをサポートしています。
ご相談・ご依頼は、こちらからお気軽にお問い合わせください。