axe-core 可及性測試引擎 — 自動化網頁 UI 稽核 是做什麼的?
axe-core 是由 Deque Systems 開發的行業標準可及性測試引擎,能自動偵測網頁介面中的 WCAG 2.0、2.1 與 2.2 違規項目。它可整合至任何現有測試框架 — Playwright、Cypress、Selenium、Jest — 讓開發階段就能捕捉可及性問題,而非等到部署之後。
安裝
請根據您的環境選擇對應的上游安裝或設定途徑:
- npm install axe-core --save-dev
- npm run build -- --lang=nl
上游文件中的需求與注意事項:
- 自動化可及性測試能大幅節省時間,無需特殊專業知識,並能讓團隊將專家資源集中在真正需要人工檢查的可及性問題上。但很可惜,大部分的可及性問題…
- Axe 可透過您當地的語言進行建置。為此,必須在 ./locales 目錄中加入一個在地化檔案。該檔案必須按以下方式命名:.json。若要使用此語言環境建置 axe,請執…
- 此外,您可以在執行時期透過傳遞 locale 物件給 axe.configure() 來套用語言環境。該 locale 物件必須與 ./locales 目錄中現有語言環境的結構相同。例如:
基本使用或入門須知:
-
首先下載套件:
-
console
-
現在將 JavaScript 檔案包含在您的各個 iframe 的 fixtures 或測試系統中:
-
從上游文件擷取:https://raw.githubusercontent.com/dequelabs/axe-core/HEAD/README.md