隨著人們對網站無障礙設計的興趣日益增長，我們在提供可訪問性評估服務時，一直在開發工具以「更輕鬆、更清晰」地支援可訪問性評估。
作為這項計劃的第一步，Chrome 擴充功能「區域對比度檢查器」已經發布。
發展背景
傳統對比度檢查器主要有三種類型，每種類型都有其自身的優點和缺點。
- 自動掃描類型
雖然它能機械地從整個頁面提取數據，效率很高，但當背景是圖像或漸變時，它容易出現誤報和漏檢，這是它的缺點。 - 取樣器類型（吸管）
雖然它可以準確地測量所呈現的顏色，但缺點是需要手動提取每個單獨的區域，這增加了工作量。 - 元素特定類型
雖然它使用起來很簡單，因為它直接引用 HTML/CSS 信息，但它無法檢查圖像，也可能無法正確捕捉實際的渲染狀態，例如元素重疊和透明度。
一種全新的第四種方法
透過區域對比度檢查器，我們設計了一種全新的第四種方法。
拖曳滑鼠框選要檢查的區域。軟體將分析該區域內的像素，並自動偵測兩種顏色：背景色和前景色。由於它針對的是用戶實際看到的“顯示本身”，因此即使圖像元素重疊，它也能進行檢測。
您只需拖曳感興趣的區域即可輕鬆進行調查。
主要特點
▪️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（可存取感知對比演算法）」。它會立即顯示該標準相容的最大字體大小（Lc 值）。
▪️保持色調的顏色建議
如果對比度不足，系統將建議符合標準且能保持原色色調的近似顏色。
▪️面向專業人士的高級功能
支援 HEX、RGB 和 HSL 顏色格式。
- 如果要微調自動偵測結果，可以使用選擇器一次重新選擇像素。
- 支援兩種語言：日語和英語
在 Liberogic，我們的目標是讓無障礙成為一種標準品質，而是需要特別關注的事情。
這款工具融合了我們在網頁開發和無障礙評估過程中遇到的所有「如果…該多好啊」的功能。我們計劃持續發布更多工具，讓無障礙功能更加便利流暢。敬請期待！
