跟著步驟操作,實際結果自己確認。

返回剛才的步驟

完成三頁可操作的手機導覽

  1. 下載起始檔另存自己的L10/portfolio。先測全部7、網站+晨光1與無結果0。
  2. 親手把零筆提示寫成清楚的一句話,再用Cursor的生成Prompt加入清除按鈕與navigation.js。清除需同時重設分類、關鍵字與選取,不能只把輸入框清空。
  3. 三頁使用相同button與site-navigation id;每頁只有一個同名id。699px以下收合,700px起導覽可見。CSS藏選單前要確認JS已啟動;未啟用JS仍有導覽。
  4. Tab聚焦開關,Enter開啟、Space關閉。再開啟按Escape,關閉後焦點應回到開關,不靠滑鼠截圖當證明。
  5. 每頁新增「本頁內容」#main連結。在階段01它只導向內容,選單可能仍開著;第二份Prompt只加選到導覽連結後收起,保留原href與預設導覽。
  6. 先390px開,再1280px確認桌面導覽完整;回390px收起且aria-expanded=false。不要留下不可操作的隱藏狀態。
  7. 故障包另存fault-L10。一次點擊開後立刻關時,先看script是否一份、click是否註冊兩次。故障是兩個不同匿名listener,不是延遲不足。
  8. 只去掉多餘listener,實際測一次、連續開關、Enter/Space/Escape、頁內/跨頁、搜尋與清除。Git只保存自己的版本,未做不填成功。

返回剛才的步驟