焦點順序視覺化工具
視覺化網頁上的鍵盤Tab順序
What is tab order?
Tab order is the sequence keyboard users follow when pressing Tab to move through interactive elements on a page. A logical order helps screen-reader and keyboard-only users navigate efficiently — paste your HTML to see the order your visitors will experience.
貼上 HTML
預覽
什麼是焦點順序視覺化工具？
貼上任何HTML程式碼，即可看到鍵盤Tab鍵的導覽順序。每個可聚焦元素上都會顯示編號標記，方便你一眼發現導覽問題。專為無障礙稽核人員和開發者檢查WCAG合規性而設計。
使用方法
- 將HTML程式碼貼到編輯器中，或上傳HTML檔案來檢查Tab鍵順序。
- 每個可聚焦元素（連結、按鈕、輸入框）上會顯示編號標記，展示Tab鍵序列。
- 檢查焦點順序清單，辨識亂序或遺漏的元素，然後匯出分析報告。
結果
一位無障礙顧問貼上了客戶的註冊表單HTML。視覺化工具發現「送出」按鈕因錯誤的tabindex值比「服務條款」核取方塊更早取得焦點，標記為WCAG 2.4.3違規。