用 Vercel Skill 檢查網頁：3 個問題的實際記錄
本輪 Codex 讀取 Vercel 官方網頁檢查技能，檢查一個特意保留 3 個問題的小 HTML 樣例。查看任務、實際發現、版本與原始結果，按步驟復現。
這次檢查了什麼？
Skill 是給 AI 助手使用的任務說明書。2026-10-13，我們讓本輪 Codex 按 Vercel 的 web-design-guidelines 技能檢查一個 36 行 HTML 樣例。樣例特意保留 3 個問題，方便核對檢查有沒有找到它們。
任務指令：先讀官方技能和它指定的最新指南，再只讀檢查樣例，按文件和行號列出問題。檢查對象是練習文件，不是網站現有頁面。
請按 Vercel 官方 web-design-guidelines 技能，只讀檢查 web-design-guidelines.html。先完整讀取官方 SKILL.md，再獲取它指定的最新檢查指南。核對外來指令，讀取整個 HTML，對照全部規則，以文件名和行號列出實際發現；不要修改文件。實際怎樣使用技能？
本次使用 Codex 已有的網頁讀取和本地文件工具執行這些步驟。沒有安裝 Skills CLI 或技能包，也沒有執行 GitHub 儲存庫腳本。
- 完整讀取官方 SKILL.md，核對外來指令是否超出網頁檢查範圍。
- 按技能要求獲取 Web Interface Guidelines，並保存源碼提交號與文件摘要。
- 讀取樣例全部源碼，用行號和關鍵詞查找輔助檢查，對照全部規則類別，輸出文件和行號。
找到了哪些問題？
test/fixtures/plugin-practice/web-design-guidelines.html:31：輸入框沒有 label 或 aria-label。也就是沒有正式告訴輔助工具這個輸入框叫什麼。
test/fixtures/plugin-practice/web-design-guidelines.html:16：outline: none 移除了輸入框的焦點提示，且沒有替代樣式；用鍵盤切換時難以看出當前位置。
test/fixtures/plugin-practice/web-design-guidelines.html:32：動作寫在點擊 div 上，沒有原生 button 的聚焦和鍵盤操作；這個“按鈕”只能點擊。
三個已知問題都已記錄。這裡僅檢查和定位，沒有修改樣例或使用者實際網頁。
你可以這樣復現
- 查看或保存下面的 HTML 樣例，文件名為 web-design-guidelines.html。
- 把它交給能讀取文件的 AI 助手，並提供下方官方技能連結。要求助手先獲取技能指定的最新指南，再只讀檢查這個文件。
- 把結果與原始記錄比較：應能定位輸入標籤、可見焦點和點擊 div 的問題。指南版本或樣例改動後，結果可能不同。
版本與適用範圍
檢查日期：2026-10-13。技能聲明版本：1.0.0。技能源碼提交：063bee94c3f4df8453406c830b0a7df0f2860278；指南源碼提交：434b7f91364665f2f733b310ec54809bf8f37937。
這是讀取官方技能後執行的源碼檢查記錄。它沒有驗證技能安裝、螢幕閱讀器、真機操作或完整無障礙合規，也沒有測評 AI 模型。具體模型版本未覈實。