仕様書を更新しました。更新先は ナビゲーション再編仕様書.md です。
反映した内容は次の通りです。 5-3 に、初期実装ではブラウザ標準の Tab 移動を基本とすることを追記 5-3 に、矢印キーでの項目間移動は Phase 1 の必須要件外と明記 9 に、ドロップダウン展開後は Tab で各項目へ到達できることを追加 9 に、矢印キー移動は将来のアクセシビリティ強化項目として扱うと追記 これで、キーボード操作の範囲について実装者が迷いにくくなったはずです。
This commit is contained in:
@@ -201,6 +201,8 @@ PC ではヘッダーを 3 ブロック構成とする。
|
||||
- 開いている他メニューがある場合は、それを閉じてから新しいメニューを開く
|
||||
- メニュー外クリックで閉じる
|
||||
- `Esc` キーで閉じる
|
||||
- キーボード操作は初期実装ではブラウザ標準の `Tab` 移動を基本とする
|
||||
- 矢印キーによるドロップダウン項目間移動は Phase 1 の必須要件には含めない
|
||||
- 項目クリック後は遷移して閉じる
|
||||
|
||||
### 5-4. ドロップダウンの表示内容
|
||||
@@ -331,7 +333,9 @@ PC と同じカテゴリ構成を維持し、見た目だけ縦並びにする
|
||||
|
||||
- キーボードでトップメニューにフォーカス移動できること
|
||||
- `Enter` または `Space` でドロップダウンを開閉できること
|
||||
- ドロップダウン展開後、各項目へ `Tab` で到達できること
|
||||
- `Esc` で閉じられること
|
||||
- 矢印キーによる項目間移動は初期実装の必須要件には含めず、将来のアクセシビリティ強化項目として扱う
|
||||
- 現在位置が視覚的に分かること
|
||||
- タップ領域は十分に確保すること
|
||||
- スマホで誤タップしにくい行間と余白を確保すること
|
||||
|
||||
Reference in New Issue
Block a user