Koa11y 檢測網頁有無符合網頁親和力 A11y 各項指標和最佳化建議

相信網頁設計師一定對 A11y（Accessibility，網頁親和力）不陌生，這個功能主要是透過軟硬體整合，讓殘疾或受過嚴重損傷的使用者可以正常瀏覽並操作你的網頁，雖然看起來有些困難，其實只要在開發時遵循網頁親和力的設計指南即可達成。不少佈景主題都已經內建支援 A11y ，如果你想自己手動研究，也有不少文件可參考，當然最重要的是知道自己網站有沒有符合網頁親和力規範。

本文要介紹的「Koa11y」屬於比較專業的軟體，它是一款桌面應用程式，用來自動化檢測網頁有沒有符合網頁親和力（a11y）或是否潛藏著任何問題。Koa11y 提供 Windows 、Mac 和 Linux 對應版本，如果你正在開發網站，希望讓它符合網頁親和力 A11y，可以透過這個軟體檢測成效。

若你在下載前想知道 Koa11y 會檢測那些項目，可先瀏覽 Koa11y 產生的範例報告，報告會依照重要性區分成三種等級：錯誤、警告和提醒，每個檢測項目會有詳細的說明和修改指引，對開發者來說其實相當方便，當然要如何修改就各憑本事了，Koa11y 會給你一些可以去的方向。

軟體資訊

軟體名稱：Koa11y
軟體語系：英文
作業系統：Windows、macOS、Linux
官方網站：https://open-indy.github.io/Koa11y/
下載鏈結：官方網站免費下載

使用教學

STEP 1

我在 macOS 測試 Koa11y，沒有使用過 Windows 或 Linux 版，應該大同小異，下載開啟後從「URL」輸入要測試的頁面網址。

STEP 2

接著檔案名稱部分會自動命名，選擇輸出的報告格式，預設為 HTML，可選擇 CSV、JSON、Markdown 或 XML 等格式。

預設的檢測標準格式為 WCAG 2.0 AA，可依照需求選擇 Section 508、WCAG 2.0 A 或是 WCAG 2.0 AAA，應該是在監測的項目和程度上有所不同。

選擇好後按下「Run!」開始檢測。Koa11y 會跑一段時間，最終出現檢測結果。

STEP 3

Koa11y 不是直接在軟體中顯示檢測結果，取而代之的是在設定好的 Output Folder 顯示結果報告，當結果出來後下方會有提示告訴你檔案匯出的路徑。

Koa11y 對於 A11y 網頁親和力的測試結果會依照重要性分三種等級，如果可以盡量依照建議方式修正紅色的「錯誤」，使它更符合標準；如有餘力再來修改「警告」部分，要完全符合 WCAG 2.0 AA 並沒有想像中困難。