隨著網頁無障礙（Accessibility）的關注度日益提升，我們透過提供無障礙診斷服務，持續開發工具，致力於讓診斷「更簡單、更易懂」。
作為第一步，Chrome擴充功能「Area Contrast Checker」已正式發布。
開發背景
傳統的對比度檢查工具大致可分為三種，各有優缺點。
- 自動掃描型
由於從整個頁面機械式擷取，效率較高，但當背景為圖片或漸層時，容易出現誤判或漏檢的缺點。 - 吸管型（Color Picker）
能準確測量所見的顏色，但需要逐一手動擷取，作業工時容易增加，是其主要難處。 - 元素指定型
因直接參照HTML/CSS資訊，操作簡單，但無法檢測圖片，且在元素重疊或透明度等實際渲染狀態下，有時無法正確取得數值。
源自現場的心聲：「能否有一種方法，既簡單、精準，又能在任何地方進行檢測？」於是開發正式啟動。
前所未有的第四種方法
這就是我們對此問題的解答，也就是 Area Contrast Checker 中的第四種方法「區域分析」。
以拖曳方式框選想要檢測的區域。系統會分析該區域內的像素，自動偵測背景色與前景色這兩種顏色。由於檢測對象是使用者實際看到的「實際畫面」，因此不受元素重疊影響，也能檢測圖片。
只要拖曳您在意的地方，就能輕鬆完成檢測。
主要功能
▪️WCAG 2.1 / 2.2 合規判定
依據成功準則 1.4.3、1.4.6、1.4.11，評估一般文字（AA：4.5:1、AAA：7:1）、大型文字（AA：3:1、AAA：4.5:1）以及 UI 元件（AA：3:1）的對比度。
▪️支援次世代標準 APCA
支援 WCAG 3.0 草案中正在研議的新對比度標準「APCA（Accessible Perceptual Contrast Algorithm）」。即時顯示符合哪一種字型大小的標準（Lc 值）。
▪️保留色相的配色建議
當對比度不足時，在維持原色色相（Hue）的前提下，提供能達到標準的近似色。
▪️適用於專業人士的進階功能
・支援 HEX、RGB、HSL 色彩格式。
・若想微調自動偵測的結果，可透過像素單位的取色器重新選取。
・支援日文與英文兩種語言
Liberogic 的目標，是讓無障礙設計從「特別的處理」變成「理所當然的品質」。
我們將在網頁製作與無障礙檢測的實務現場中，累積而來的「要是有這樣就好了」的想法，全部放入這款工具中。 今後，我們也會陸續推出各種工具，讓無障礙設計更貼近日常、更順手。敬請期待。
