Overflow Menu｜溢位選單

60 秒決策

先確認使用者要完成的事。

適合使用

單一資料列有一些較少使用、但仍需要保留的次級操作。
版面有限，且每一列都重複放出所有動作會造成噪音。

不適合使用

動作是高頻、需要快速比較或是完成主要任務的必要按鈕。
危險動作沒有後果說明與確認，只因為塞不下就躲進三點選單。

畫面要說清楚的事

不要只交代外觀，也要交代資料與輸入規則。

三點圖示也要有名稱

視覺上可以用圖示，但程式與輔助科技要能讀到「更多操作」。

只收次級操作

「編輯」、「複製連結」可收起來；真正主要的工作不要被藏進每列的三點裡。

Danger 只在需要時出現

刪除在選單內用 Danger token 提醒風險；選取後再出現含對象名稱的確認。

必要狀態與回應

每個狀態都要讓使用者知道下一步。

收合

資料列維持安靜，使用者仍可從有名稱的三點按鈕找到次級動作。

展開

選單列出少量相關指令；危險項目有清楚文字與適度的 Danger 樣式。

確認刪除

不直接刪除，先指出會影響哪一筆資料並提供取消出口。

操作 Demo

先知道要觀察什麼，再動手操作。

操作前先知道

任務列的更多操作
先觀察：「編輯任務」和「複製連結」是次級動作，刪除則需要下一層確認。
操作：開啟更多操作，選「刪除任務」，再選取消；重新開啟並選其他指令。
預期結果：Danger 不會霸佔整列；刪除前能看見任務名稱，其他動作執行後有文字回饋。

可操作 Demo

三點選單收的是次級操作；刪除要再多一層確認。

LumenDesk／行銷網站改版

任務資料列的指令，不能假裝成狀態選項。

專案內有 12 筆任務

任務清單

次級操作收在更多操作裡

主要狀態仍直接可見

完成活動頁的無障礙檢查負責人：陳怡安 · 到期日：8 月 18 日

進行中

三點按鈕有名稱「更多操作」；刪除前會先確認。

告訴 AI

把任務、規則、狀態與操作條件一次寫清楚。

在 LumenDesk 的任務資料列加入 Overflow Menu「更多操作」，收納「編輯任務」、「複製連結」與「刪除任務」。三點圖示按鈕必須有 accessible name「更多操作」，開啟選單可用鍵盤操作。刪除使用 Danger token，但只在選單內顯示；選取後先出現含任務名稱的確認區，再提供「取消」與「確認刪除」。不要把主要完成任務操作或使用者必定需要的操作藏進三點選單。

驗收清單

不要只確認欄位能不能點。

三點按鈕是否有可讀名稱「更多操作」？
是否只收次級而非高頻必要動作？
Danger 是否只在危險指令和確認階段出現？
刪除前是否說明影響對象並可取消？
選單是否能用鍵盤開啟、選取與關閉？