壁紙

對比度檢查器

測試 WCAG AA / AAA 色彩可訪問性

檢查前景 / 背景顏色組合是否符合 WCAG 可訪問性標準。

拖放圖片或點擊上傳

免費試用。

貼上前景與背景顏色(或從截圖中選擇);獲取對比比率,並查看符合哪些 WCAG 級別。WCAG 2.1 AA 是大多數司法管轄區的法定可訪問性基準;AAA 是針對關鍵內容推薦的更高標準。

各級閾值

  • WCAG AA,普通文字:最低 4.5:1。
  • WCAG AA,大字體(18pt 或以上,或 14pt 加粗):最低 3:1。
  • WCAG AAA,普通文字:最低 7:1。
  • WCAG AAA,大字體:最低 4.5:1。
  • 非文字 UI 元件(按鈕、表單邊框等):最低 3:1(WCAG 2.1+)。

為什麼對比度重要

低對比度文字對視力不佳的使用者(約 4% 人口)、陽光下閱讀的使用者、廉價螢幕使用者,以及年長眼睛的使用者(所有人最終都會)都難以閱讀。許多設計系統預設「灰底灰字」,因為它在設計師的 5K 精校螢幕上顯得高雅——但在其他環境下卻完全無法閱讀。

未達 WCAG AA 標準在美國(ADA Title III)、歐盟(EAA)及其他多個司法管轄區可能構成法律責任。便宜的保險:在發佈前,務必將每一個文字/背景組合都透過檢查器測試。

我們的報告內容

  1. 對比比率(例如 4.71:1)。
  2. 通過/未通過狀態,針對各 WCAG 級別與文字大小。
  3. 建議修正方案:最接近的較深前景色或較淺背景色,以達成通過標準。
  4. 即時預覽,以樣本文字展示該顏色組合。

搭配色彩視覺障礙模擬器使用

對比度與色彩視覺障礙是不同的可訪問性維度。請在相同介面上運行 色彩視覺障礙模擬器,以確認其對色覺障礙使用者亦有效。

常見問題

什麼是「大字」的定義?

WCAG:18pt 正規字重或 14pt 粗體。大致等於 CSS 中的 24px 正規字重或 19px 粗體。

它適用於漸層嗎?

測試最壞情況的點 — 通常是漸層最淺的部分與您的前景對比。

我可以從截圖檢查嗎?

可以 — 上傳截圖並點擊前景和背景顏色。

最低可接受的比例是多少?

WCAG AA:正文文字為 4.5:1。低於此標準即不符合規範。

深色一定更好嗎?

高對比度有助於可讀性。但純黑配純白可能過於刺眼;許多系統採用 #1A1A1A 配 #FAFAFA,以提供稍柔和的對比度,同時仍符合 AAA 標準。

關於圖標對比度呢?

WCAG 2.1 增加了非文字使用者介面元件(如按鈕、表單邊框、焦點環)的最低 3:1 對比度要求。

我可以批量檢查顏色組合嗎?

高級會員:可貼上CSV格式的顏色組合清單,一次獲得所有配色比例報告。

上傳的圖片是否私隱?

是的 — 24小時內會被刪除。

關於 對比度檢查器

對比度檢查器 是 Wallpapers.com 提供的免費線上工具,完全在您的瀏覽器中運行 — 無需安裝、無水印、首次試用無需註冊電郵。 檢查前景 / 背景顏色組合是否符合 WCAG 可訪問性標準。

如何使用 對比度檢查器

  1. 將圖片拖入上傳區(單張或批量 — 頂部切換 Bulk)。
  2. 選擇工具提供的任何設定(尺寸、格式、品質)。
  3. 點擊 Run。結果將自動下載 — 無需手動儲存。

何時使用它

常見用途包括: 為網頁上傳、電商清單、有格式限制的社群媒體平台做圖片準備,以及在不同裝置或應用程式間轉換檔案。

免費 vs 高級

每位訪客均可免費試用一次;登入的免費用戶享有更高的每日配額。訂閱 高級 以獲取無限次運行、每批次最多 200 張圖片的批量處理、優先隊列,以及無廣告瀏覽。

11

尋找稍有差異的選項?嘗試 EXIF Stripper , 去除EXIF元數據 EXIF 查看器 — 或瀏覽所有 元數據及可訪問性 工具.

高級

5

  • ✓ 6
  • ✓ 7
  • ✓ 8
  • ✓ 9
10 →
喜歡
8K壁紙
切換主題
試試看