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

Koa11y 檢測網頁有無符合網頁親和力 A11y 各項指標和最佳化建議
(Copyright: boarding1now / 123RF Stock Photo

相信網頁設計師一定對 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」輸入要測試的頁面網址。

Koa11y

STEP 2

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

Koa11y

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

Koa11y

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

Koa11y

STEP 3

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

Koa11y

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

Koa11y

值得一試的三個理由:

  1. 支援 Windows、macOS 和 Linux 三種平台
  2. 可選擇 Section 508、WCAG 2.0 A、2.0 AA 或 2.0 AAA 等標準格式
  3. 將檢測結果匯出為網頁檔案,附帶最佳化修改建議
分享到...