60 秒決策
先確認使用者要完成的事。
適合使用
- 少量次級目的地需要按需揭露，並有清楚的控制按鈕與關閉規則。
- 頂部空間不足，但這些目的地仍需要在同一導覽脈絡中找到。
不適合使用
- 只做 hover 才看得到的選單。
- 其實只是要執行命令，卻混用導覽與操作語意。
畫面要說清楚的事
不要只交代外觀，也要交代資料與輸入規則。
控制按鈕說清楚會發生什麼
用「更多導覽」或可理解的圖示名稱，並讓展開狀態在畫面與 aria-expanded 同步。
選單裡仍是連結
若項目會前往頁面，就保留連結語意；不要因為外觀像選單而抹掉目的地。
關閉出口要完整
再按一次、點選項目、Esc 與點擊外部時都應有一致且可預期的結果。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
收合
控制按鈕顯示 aria-expanded="false"，項目不佔用視覺與 Tab 順序。
展開
項目出現並可由鍵盤逐項走訪。
以 Esc 關閉
焦點回到原控制，使用者不會在畫面中迷路。
操作 Demo
先知道要觀察什麼，再動手操作。
操作前先知道
更多導覽
先觀察：「更多」是揭露次級目的地的控制，而不是只有滑鼠才能用的裝飾。
操作：以 Enter 開啟，再按 Esc 關閉。
預期結果：aria-expanded、可見選單與焦點同步；關閉後回到「更多」按鈕。
告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
建立 LumenDesk 的「更多」Navigation Menu，放置較少使用的「成員、活動紀錄、設定」連結。使用可聚焦的 Button 控制選單，提供 aria-expanded 與 aria-controls；Enter、Space 可以開啟，Esc 關閉後焦點回到控制按鈕。選單項目是前往頁面的 Link，不把它做成只有滑鼠才能操作的 hover 浮層。驗收清單
不要只確認欄位能不能點。
- 控制是否是可聚焦的 Button？
- 是否同步 aria-expanded 與 aria-controls？
- 項目是否保留 Link 語意？
- Enter、Space、Esc 是否能完成開關？
- 選單是否不用 hover 當成唯一入口？