跳至中央內容區塊 :::
:::

Accesserty DevCheck

在目前頁面執行 axe-core 自動掃描、人工檢視輔助、情境模擬、AI 語意檢查與 PDF 結構檢查,協助不同職能完成初步無障礙檢查。

無障礙檢查不該只留給單一職能

DevCheck 不取代無障礙專業。它讓需要檢查頁面的人在發現疑慮時,可以先做初步檢查,留下可討論的線索。

你可以檢查公開頁、本機頁、測試站、登入後流程、互動狀態與 PDF 文件,不必先把頁面交給外部 URL 掃描服務。

大部分檢查都在瀏覽器內執行。只有選用的 AI 語意檢測會在你主動執行後,把萃取文字與選定圖片送往 Google Gemini 分析。

可以先檢查什麼?

先把問題變具體,再讓需要處理的人判斷與修正。

  • 自動化無障礙掃描

    使用 axe-core 檢查可被機器偵測的 WCAG A/AA 與最佳實務問題,並定位到頁面元素。

  • 視覺與感官情境

    切換色覺、文字間距、視野缺損、老花、近視與白內障等情境,檢查資訊是否仍然可讀、可理解。

  • 人工檢視輔助

    用焦點路徑、標題結構與地標區域把頁面結構畫出來,協助人工確認鍵盤順序、h1h6 大綱與 landmark 分布;橘色提示代表需要人工檢查,不是自動判定錯誤。

  • AI 輔助語意檢測

    檢查規則工具較難判斷的語意品質,例如連結文字是否能理解目的地、不同語言文字是否有標記,以及圖片 alt 是否符合實際內容,並提供更合適的 alt 建議。

  • PDF 結構訊號

    檢查 PDF 是否具備語言、標籤、連結、圖片、表單欄位、書籤等基本結構線索。

誰適合使用 DevCheck

  • 設計師

    使用情境模擬重新檢查色覺、文字間距、視覺條件與觸控目標,作為設計審查與跨職能討論的具體參考。

  • PM 與產品人員

    使用掃描與情境模擬,把模糊的疑慮整理成可以討論、追蹤與分派的檢查線索。

  • 工程師與 QA

    在本機、測試站、登入後流程與回歸測試中執行掃描與模擬,讓問題更早被發現、修正後也能快速重測。

它不能取代完整檢測

DevCheck 適合用來做初步檢查、溝通問題與修正後重測。正式無障礙檢測仍需要人工判斷、鍵盤操作測試、輔助科技測試與情境理解。

AI 語意檢測提供的是輔助建議,不是符合證明。請勿在機密頁面或未授權頁面上使用,並在採納建議前再次確認。

如何開始檢查?

安裝瀏覽器擴充功能(ChromeEdgeFirefox)後,開啟要檢查的頁面即可開始。

  • 步驟 1. 安裝 Accesserty DevCheck

    Chrome 線上應用程式商店或 Firefox 附加元件商店安裝擴充功能。

  • 步驟 2. 開啟要檢查的頁面

    可以是公開頁、本機頁、測試站、登入後流程、互動狀態或 PDF 文件。

  • 步驟 3. 選擇掃描、人工檢視、情境模擬或語意檢測

    依照需要執行自動化掃描、焦點路徑、標題結構、地標區域、視覺情境模擬、AI 語意檢測或 PDF 結構訊號檢查。


安裝 Chrome / Edge

安裝 Firefox

常見問題

Accesserty DevCheck 是什麼?

Accesserty DevCheck 是免費的瀏覽器內網頁無障礙檢測工具,結合 axe-core 自動化掃描、WCAG 相關問題定位、焦點路徑、標題結構、地標區域、感官模擬、AI 語意檢測、圖片 alt 建議與 PDF 結構訊號檢查,讓不同職能都能更早發現障礙。

DevCheck 要付費嗎?

免費。安裝瀏覽器擴充後即可開始使用,不需要付費方案。

可以檢查登入後、本機或測試站的頁面嗎?

可以。DevCheckaxe-core 掃描、焦點路徑、標題結構、地標區域、情境模擬與 PDF 檢查在你的瀏覽器內執行,不需要把頁面交給外部 URL 掃描服務。選用的 AI 語意檢測則會在你主動執行後,將萃取文字與選定圖片送往 Google Gemini 分析。

DevCheck 適合誰用?會取代專家檢測嗎?

適合 PM、設計師、QA、工程師、內容與營運等需要檢查頁面的人,讓更多人在發現疑慮的當下先動手確認。它的目的是讓初步檢查提早發生,而非取代無障礙專家或實際使用者測試。