SYSTEM FLOW / SYS-02
運作中無障礙檢測擴充功能
- 01安裝擴充功能
- 02開啟目標頁面
- 03執行掃描
- 04閱讀報告並修正
網站在開發階段常常沒空間檢查無障礙,問題大多是上線後才被發現,這時候要改,花的時間和成本都比一開始就顧到高出許多。
- 01
安裝擴充功能
在 Chrome 線上應用程式商店搜尋並安裝,不需要額外註冊帳號。
- 02
開啟目標頁面
到想要檢查的網站頁面,點擊瀏覽器工具列上的擴充功能圖示。
- 03
執行掃描
基於 axe-core 規則掃描目前頁面的 DOM 結構與樣式。
- 04
閱讀報告並修正
列出問題項目、受影響的使用族群與修正建議,逐一比對調整。
需要在開發與驗收階段快速找出網站無障礙問題的產品團隊
axe-coreChrome Extension API
常見問題
無障礙檢測擴充功能解決什麼問題?
網站在開發階段常常沒空間檢查無障礙,問題大多是上線後才被發現,這時候要改,花的時間和成本都比一開始就顧到高出許多。
無障礙檢測擴充功能適合誰使用?
需要在開發與驗收階段快速找出網站無障礙問題的產品團隊
無障礙檢測擴充功能怎麼使用?
01. 安裝擴充功能:在 Chrome 線上應用程式商店搜尋並安裝,不需要額外註冊帳號。 02. 開啟目標頁面:到想要檢查的網站頁面,點擊瀏覽器工具列上的擴充功能圖示。 03. 執行掃描:基於 axe-core 規則掃描目前頁面的 DOM 結構與樣式。 04. 閱讀報告並修正:列出問題項目、受影響的使用族群與修正建議,逐一比對調整。
不確定適不適合你的情況?
先說說你現在的做法與卡住的地方,我們會告訴你這個工具能解決多少,還是該先換個做法。