キーボード操作
キーボードだけで、すべての操作対象へ到達し、状態を確認し、操作を取り消せることを要件にします。
- フォーカス順は視覚的な読み順と一致させ、
tabIndexの正数指定で順序を作らない。 - ボタン、リンク、フォーム要素はTabで到達できる。クリック可能な非インタラクティブ要素は、可能なら実要素へ置き換える。
- ボタンはEnterとSpaceで実行する。リンクはEnterで遷移する。
- メニュー、タブ、リストボックスなどの複合ウィジェットは、矢印キーで項目を移動し、Home/Endで先頭・末尾へ移動できる。
- ダイアログやポップオーバーはEscapeで閉じ、閉じた後は起点の要素へフォーカスを戻す。
- フォーカスリングを隠さず、背景とのコントラストを保つ。
マウスを使わず、Tab、Shift+Tab、Enter、Space、矢印キー、Home、End、Escapeだけで主要フローを完了します。各操作でフォーカス位置が見え、ページ外へ意図せず移動せず、ダイアログ終了後にフォーカスが復帰することを確認します。