Web無障礙
診斷服務
診斷服務
Web無障礙診斷與改善支援
- 檢測
- 改善・實作
- 重新檢測
由熟悉設計與實作的專家協助診斷與改善
結合設計與前端實作的經驗，我們會具體說明所發現的問題該如何修正。我們會透過鍵盤與螢幕閱讀器實際確認使用體驗，並與您一同討論可在製作現場落實的改善方式。
Liberogic Inc. CAO（Chief Accessibility Officer）
IAAP 認證 網頁無障礙專家（WAS）
※Liberogic Inc. 為 IAAP（International Association of Accessibility Professionals，國際無障礙專業協會）的組織會員。
網頁無障礙診斷
由專家實際操作網站，依據 WCAG 2.2 A 與 AA 等級的成功準則進行評估。
Liberogic 的人工診斷中，專家會使用鍵盤與螢幕閱讀器實際操作頁面，確認以下項目。
- 是否可僅使用鍵盤完成操作
- 焦點移動與顯示是否適當
- 螢幕閱讀器是否能正確傳達資訊
- 替代文字是否與內容相符
- 表單的標籤與錯誤訊息是否容易理解
- 動態的狀態變化是否也能傳達給輔助技術
已發現的問題會連同相應位置、達成基準與改善方向一併整理，並在下方的 Lente Audit 中進行從修正到重新確認的流程。
Lente Audit
在專屬工作區中，可隨時查看診斷進度
只要提出委託，我們就會在「Lente Audit」中為您開設專屬工作區。診斷進行中或完成後，都能在同一個地方確認狀況。
隨時掌握進度
可即時確認診斷進度與各頁面的狀態。無需等待報告交付，即可從已發現的問題開始依序處理。
逐一管理各問題的修正狀況
問題將依診斷結果、改善方案與位置進行整理後回報。修正狀況可與診斷者共享，並可透過留言提問或回報修正。無須再以電子郵件來回傳送檔案。
隨時下載成果物
已發行的證明書與報告，可隨時從工作區下載。重新診斷更新判定結果時，將發行新版本。
檢測證明書・報告・VPAT / ACR
無障礙對應若只是表示「已完成對應」，第三方無法確認其內容與範圍。Liberogic 會依診斷目的與提交對象，將檢測結果整理為文件。兩種語言（日文與英文）皆可發行。
人工診斷服務內容與費用
費用依對象頁面（畫面）數量及各畫面的複雜度而定。
費用參考
企業官網約 10 頁時30 萬日圓起（未稅）
- 依據 WCAG 2.2 A 與 AA 等級進行評估
- 以 WAS 使用者為核心的人工診斷
- 透過鍵盤等實際操作確認
- 使用 VoiceOver、NVDA 實際操作確認
- 問題點與改善方法說明
- 修正後的重新確認
- Web 無障礙檢測證明書
- WCAG 達成狀況報告
- 協助制定無障礙政策
※
費用會依頁面數、畫面數、網站或 Web 應用程式的架構，以及診斷範圍而有所不同。
※ VPAT / ACR 的製作，將依對象與用途另行報價。
若您想先免費確認目前狀況，歡迎使用我們自行開發的自動診斷工具 Lente Scan。
Web 無障礙診斷流程
- 1
需求訪談確認診斷對象的網站或服務、無障礙改善的目的，以及希望採用的標準與時程。
- 2
診斷範圍與報價確認網站的頁面架構與功能，決定診斷的頁面、畫面與評估標準。
- 3
Web 無障礙診斷以 WCAG 2.2 A、AA 的成功準則為核心，由專家進行人工診斷。
- 4
提出改善方法針對檢出的問題，提供具體的改善方法。
- 5
重新診斷重新檢視修正後的頁面，驗證是否符合相關的成功準則。
- 6
證明書、報告與政策制定支援整理診斷結果，發行網頁無障礙檢測證明書及達成狀況報告。同時也協助制定無障礙政策。
網頁無障礙改善與實作
不只是診斷，更進一步落實改善。
即使無障礙診斷發現了問題，若不清楚該如何修正，也無法真正落實改善。
Liberogic 是一家專門從事網站與網頁應用程式設計、設計及前端開發的製作與開發公司。
根據診斷結果，我們會在考量既有設計與系統影響的前提下，提出可實際落地的改善方法。
我們不僅提供修正方法，還能由 Liberogic 負責實作，並於修正後進行重新診斷，提供一致的服務。
語意化文件結構設計
我們會依照語意，以恰當的 HTML 實作標題、地標、連結與表單，改善結構，讓螢幕閱讀器等輔助技術也能易於理解。
配色與對比度的因應
依據 WCAG 的達成標準，檢查文字與 UI 元件的對比度。
包含不僅依賴顏色傳達資訊的設計，我們會改善介面，使其更易於閱讀與理解。
鍵盤操作的因應
我們會檢查並改善焦點順序、焦點顯示與鍵盤操作，讓使用者即使不使用滑鼠，也能操作主要功能。
螢幕閱讀器的因應
我們會妥善實作替代文字、標籤、狀態通知及 WAI-ARIA 等技術，確保即使使用輔助技術，資訊與操作內容仍能正確傳達。
表單與動態 UI 的支援
我們也會檢查輸入表單、錯誤訊息、彈出視窗、頁籤、手風琴等涉及操作的 UI。
我們不僅關注外觀，還會實作並驗證至鍵盤及輔助技術皆可使用的狀態。
讓內容易讀、易懂
在 Web 無障礙設計中，除了能夠操作之外，資訊本身是否易於理解同樣重要。
我們會考量文章長度、用語及專業術語等因素，協助打造能讓更多使用者理解的內容。
Web 無障礙的發展背景
Web 無障礙相關的標準與評估方法，會隨著網站與數位服務的演進持續更新。
WCAG 2.2 與 JIS X 8341-3 的修訂
現行的 JIS X 8341-3:2016 以 ISO/IEC 40500:2012 為基礎，該國際標準與 WCAG 2.0 內容相同。
之後 W3C 陸續更新為 WCAG 2.1 與 WCAG 2.2，並於 2025年09月 修訂了國際標準 ISO/IEC 40500，使其內容與 WCAG 2.2 相同。
因應此趨勢，日本也正推動修訂 JIS X 8341-3，使其與 ISO/IEC 40500:2025 內容一致。
Liberogic 不僅因應現行 JIS 的要求，也依據 WCAG 2.2 的 A 級與 AA 級標準進行診斷與改善。
海外的無障礙要求與 WCAG 3.0
面向海外的網站與網路服務，除了 WCAG 之外，還需依地區與採購條件符合無障礙要求，例如美國的 Section 508 與歐洲的 EN 301 549。
與海外企業交易或進行 ICT 採購時，有時也會被要求提交用來說明無障礙支援狀況的 VPAT / ACR。
此外，W3C 也正在制定作為 WCAG 2.x 系列下一代標準的「WCAG 3.0」。
WCAG 3.0 並非單純更新 WCAG 2.x，而是作為包含評估方法與合規概念在內的全新指引進行研議。
目前仍在制定中，但其設想的適用範圍更為廣泛，涵蓋網頁應用程式與行動裝置等多元數位環境。
Liberogic 目前以現行的 WCAG 2.2 為基準進行對應，同時持續關注海外的無障礙要求以及包含 WCAG 3.0 在內的未來標準化動向。
支援日常無障礙改善的工具
除了診斷服務之外，我們也開發並公開了自家工具，協助在網站製作與營運過程中確認無障礙狀況。
Lente Scan
只需輸入網址，即可自動診斷 Web 無障礙狀況。
Lente Scan 是結合 axe-core 與自主診斷引擎「Lente Detect」的 Web 無障礙自動診斷工具。
除了確認可由機器偵測的問題外，也會顯示無法僅靠自動判斷、需要人工確認的項目。
免費且無需註冊即可使用。
可用於網站製作與營運的 Chrome 擴充功能
查看 Chrome 擴充功能Liberogic 將源自實際網站製作與無障礙診斷現場的 Chrome 擴充功能免費公開。
Chrome 擴充功能
Area Contrast Checker
選取網頁上想確認的範圍，即可依據實際顯示的像素，檢查前景色與背景色的對比度。
也可用於圖片或漸層等，僅靠 CSS 數值難以判斷的呈現方式。
Chrome 擴充功能
Area Flash Checker
只要選取想檢查的範圍並等待數秒，即可根據實際的繪製內容分析閃爍次數與面積，並依據 WCAG 的閃光標準（2.3.1、2.3.2）進行判定。
您可以直接在頁面上檢查正在動態呈現的內容。
歡迎洽詢網頁無障礙相關事宜
您是否正在為網頁無障礙（Web Accessibility）的實作而煩惱？
