60 秒決策
先確認使用者要完成的事。
適合使用
- 輸入不應被旁人直接看見的秘密值。
- 使用者可能需要核對輸入內容。
不適合使用
- 欄位內容不是秘密值，只是一般短文字。
- 把密碼規則全部藏在提交後的錯誤訊息中。
畫面要說清楚的事
不要只交代外觀，也要交代資料與輸入規則。
預設遮蔽，不讓人猜
欄位初始應隱藏內容，且 Label 要明確說是密碼。
顯示控制要可理解
按鈕要有「顯示密碼／隱藏密碼」的 accessible name，不只是一個沒有文字的眼睛圖示。
規則在輸入前可見
最少字數、允許字元與強度要求需在欄位附近說明。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
遮蔽
預設以圓點或符號遮蔽秘密值。
顯示中
使用者主動切換後可核對文字，切回遮蔽不清空內容。
格式不符
具體說明未符合哪一條規則，避免含糊的「密碼錯誤」。
Caps Lock 提示
可在偵測到時提示，協助避免常見輸入失誤。
操作 Demo
先知道要觀察什麼，再動手操作。
操作前先知道
顯示與隱藏
先觀察：同一個值在遮蔽與顯示之間切換，內容不會消失。
操作：輸入密碼後按顯示或隱藏控制。
預期結果：控制項有清楚狀態，且使用者能安全核對輸入內容。
可操作 Demo
顯示與隱藏密碼
至少 8 個字；需要核對時可暫時顯示內容。
密碼目前已隱藏。
告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
建立「登入密碼」Password Field。預設遮蔽輸入內容，提供有文字標籤的顯示或隱藏控制；保留 Label、格式提示與錯誤訊息，切換顯示時不要清空欄位內容。驗收清單
不要只確認欄位能不能點。
- 初始是否遮蔽內容？
- 顯示／隱藏控制是否有可理解名稱？
- 切換時是否保留輸入值與焦點？
- 密碼規則與錯誤是否在欄位附近？
- 是否避免把密碼內容放進不安全的日誌或提示？