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

Accesserty DevCheck

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

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

DevCheck 不會取代無障礙專業,而是讓團隊成員在發現疑慮時,可以先完成初步檢查並留下具體線索。

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

大部分檢查都在瀏覽器本機執行。只有選用的 AI 語意檢測會在使用者主動觸發後,把萃取出的頁面文字與選定圖片送往 Google Gemini 分析。

可以先檢查什麼?

這些檢查適合用來提早發現常見風險,並把問題變得更具體。

  • 自動化無障礙掃描

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

  • 視覺與感官情境

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

  • 互動狀態與焦點

    在表單、彈窗、登入後流程或動態內容出現後,確認互動元件與焦點狀態是否有明顯風險。

  • AI 輔助語意檢測

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

  • PDF 結構訊號

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

誰適合使用 DevCheck

  • 設計師

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

  • PM 與產品團隊

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

  • 工程師與 QA

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

它不能取代完整稽核

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

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

如何開始檢查?

安裝 Chrome 擴充功能後,開啟要檢查的頁面即可開始。

  • 步驟 1. 安裝 Accesserty DevCheck

    Chrome 線上應用程式商店安裝擴充功能。

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

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

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

    依照需要執行自動化掃描、視覺情境模擬、AI 語意檢測或 PDF 結構訊號檢查。


安裝 Accesserty DevCheck

常見問題

Accesserty DevCheck 是什麼?

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

DevCheck 要付費嗎?

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

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

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

DevCheck 適合誰用?會取代專家稽核嗎?

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