60 秒決策
先確認使用者要完成的事。
適合使用
- 在保留圖庫脈絡下放大媒體；開啟、關閉與前後切換要管理焦點。
- 從第二張縮圖開啟大圖，Escape 後回到第二張。
不適合使用
- 只是為了讓頁面看起來豐富。
- 媒體會分散主要任務，或沒有授權、替代與載入策略。
畫面要說清楚的事
不要只交代外觀，也要交代資料與輸入規則。
從內容目的寫替代
替代文字描述這張媒體在此處提供的資訊，不複誦附近已存在的文字。
比例與裁切要明確
保留內容重點，不把所有照片強迫塞進同一個裁切。
控制權留給使用者
輪播與影片不自動播放干擾內容；控制項可由鍵盤找到。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
載入前
先保留比例與合理佔位，避免內容跳動。
已載入
媒體、說明與目前位置清楚。
操作中
前後切換、播放、暫停與關閉都有可見狀態。
失敗與降低動態
保留文字替代；尊重減少動態效果設定。
操作 Demo
先知道要觀察什麼，再動手操作。
操作前先知道
Lightbox 媒體任務
先觀察：確認媒體目的、替代文字與控制項不是事後補上的。
操作：切到下一張，再用 Escape 或關閉回到入口。
預期結果：目前媒體、狀態文字與焦點同步；失敗時仍有可理解內容。
lightbox Demo
LumenDesk 實際操作情境尚未操作此 Demo。
告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
在 LumenDesk 建立 Lightbox（燈箱預覽）：從第二張縮圖開啟大圖，Escape 後回到第二張。定義替代文字、比例、載入失敗、鍵盤操作與手機版。若媒體只是裝飾，使用空替代文字；若承載內容，不得只寫「圖片」。驗收清單
不要只確認欄位能不能點。
- 媒體在此處負責什麼資訊？
- 替代文字是否依內容目的撰寫？
- 比例與裁切是否保留重點？
- 控制項是否能由鍵盤使用？
- 是否避免自動播放聲音與不可暫停輪播？
- 載入失敗時是否仍可完成主要任務？