<-- IE錯誤修正 --> Koa11y 檢測網頁有無符合網頁親和力 A11y 各項指標和最佳化建議 - RiS社群 | FileMaker 中小企業應用



快速發表主題
返回   RiS社群 | FileMaker 中小企業應用 > 交流平台 / 老少咸宜 (General forums) > 創意新點子 + 遇(預)見新未來 + IT 新知/技術 (Future) > 精選好用APP等相關網站資源 (Website Reviews)

精選好用APP等相關網站資源 (Website Reviews) 本區除了同步注入"免費資源網路社群 "最新資訊外,也不定時將一些提供更多值得關注的App或網站介紹,盡量滿足男女老少們喜愛!


FileMaker 教學 FileMaker 14 教學課程 FileMaker 教學
FileMaker 課程(僅接受公司/單位或1對1專屬教學

輕鬆學會FileMaker
帶你認識FileMaker

FileMaker俱樂部 加入FileMaker獲取官方資訊 FileMaker俱樂部
FileMaker俱樂部

回覆
 
LinkBack 主題工具 顯示模式
  #1 (permalink)  
舊 2018-03-31
進階會員
 
註冊日期: 2008-08-09
住址: 台灣/台北
文章: 5,660
燈泡 Koa11y 檢測網頁有無符合網頁親和力 A11y 各項指標和最佳化建議

Click the image to open in full size.(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」輸入要測試的頁面網址。

Click the image to open in full size.

STEP 2

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

Click the image to open in full size.

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

Click the image to open in full size.

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

Click the image to open in full size.

STEP 3

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

Click the image to open in full size.

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

Click the image to open in full size.

值得一試的三個理由:
  1. 支援 Windows、macOS 和 Linux 三種平台
  2. 可選擇 Section 508、WCAG 2.0 A、2.0 AA 或 2.0 AAA 等標準格式
  3. 將檢測結果匯出為網頁檔案,附帶最佳化修改建議
喜歡 Koa11y 檢測網頁有無符合網頁親和力 A11y 各項指標和最佳化建議 嗎?歡迎將免費資源網路社群加入書籤,以 Facebook、Twitter 或 Google+ 追蹤更新,獲取更多科技新知及免費資源相關介紹教學。

Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size. Click the image to open in full size.


來源...

回覆時引用此篇文章
回覆

主題工具
顯示模式

發表文章規則
不允許您發表新主題
不允許您發表文章
不允許您上傳附件
不允許您編輯自已的文章

開啟 BB 代碼
關閉 HTML 程式碼
Trackbacks are 關閉
Pingbacks are 關閉
Refbacks are 開啟



所有時間均為 +9。現在的時間是 06:28 AM
Powered by vBulletin® 版本 3.7.2
版權所有 ©2000 - 2018,Jelsoft Enterprises Ltd.
Advertisement System V2.6 By   Branden
RiS 社群 ( 感謝正洋資訊顧問有限公司技術指導 ) - 使用3.7.2永久合法版權。
Ad Management by RedTyger



Content Relevant URLs by vBSEO 3.6.0 PL2