焦點順序視覺化工具
視覺化網頁上的鍵盤Tab順序
貼上 HTML
預覽
什麼是焦點順序視覺化工具？
這款焦點順序視覺化工具幫助無障礙稽核人員和開發者直觀檢視HTML頁面的鍵盤Tab鍵導覽順序。貼上HTML程式碼或上傳HTML檔案，工具會在每個可聚焦元素上疊加編號標記，清楚展示Tab鍵序列，輕鬆發現導覽問題。
使用方法
- 將HTML程式碼貼到編輯器中，或上傳要分析Tab鍵順序的HTML檔案。
- 檢視渲染頁面上的編號覆蓋標記，顯示每個可聚焦元素（連結、按鈕、輸入框等）的Tab鍵序列。
- 檢查焦點順序清單，辨識亂序或遺漏的元素，然後匯出分析報告。
結果
一位無障礙顧問貼上了客戶的註冊表單HTML。視覺化工具發現「送出」按鈕因錯誤的tabindex值比「服務條款」核取方塊更早取得焦點，標記為WCAG 2.4.3違規。