Starter 要做什麼
先看見缺口，再完成一個小修改。
本主題檔案：files/main.js
定位：先在每一步讀 document.activeElement.id。
Starter · code-edit
Escape 關閉與焦點歸還
先看見缺口，再完成一個小修改。
本階段驗收
頁面不會替你修改檔案；請在實作檔完成後重新整理確認。
目前要處理
opener 未展開，panel hidden。
預期看到
expanded=false、panelHidden=true、activeId=faq-opener。
if (event.key==='Escape') { close(); opener.focus(); }。檔案清單
只在本階段資料夾內操作，避免改到其他章節。
index.html
入口 HTML：提供完整的 menuButton、site-nav、FAQ button、answer 與 aria 關係；Starter 不要求學生重建 HTML。style.css
呈現層：控制 hidden、focus、FAQ 與窄版可讀性；不把事件邏輯放進 CSS。main.js
行為層：用 addEventListener 處理選單與 FAQ，讓 aria 狀態和 hidden 狀態同步。services.html
目的頁：只提供導覽可到達的內容，不載入首頁互動 main.js。
證據：expanded=false、panelHidden=true、activeId=faq-opener
前往 Checkpoint →