總覽
這個對比檢查器審核 WCAG 和 APCA 的顏色對比，以符合 ADA 標準 — 針對任何網站的顏色可及性測試。
✅ 您將從這個對比檢查器獲得： - WCAG 2.2 對比比率和 APCA Lc， - 頁面上突出顯示的有問題元素， - 產生顏色的 CSS 規則，通過源地圖追蹤（如果可用）， - 內建的顏色選擇工具，配有對比分析器和建議的替代方案， - 修正的即時預覽， - 將修正匯出到 CSS（帶有源定位註釋）。 🔍 作為一個網站顏色對比檢查器，能夠處理偽狀態、陰影 DOM、同源 iframe，以及文本在圖像和漸變上的顯示——不僅僅是平面背景。 ⚠️ 需要調試器權限。這個對比檢查器的覆蓋範圍僅能通過 Chrome DevTools 協議實現，這需要 'debugger' 權限。一旦連接，Chrome 會在所有標籤頁上顯示信息欄，並在斷開連接時不會隱藏。 ⚡ 高度優化的工作流程： • 一目了然地查看所有顏色可及性問題的元素。 • 立即預覽更改，重新計算對比比率和判斷。 • 在樣式表標籤上應用自定義 CSS；受影響的問題在列表中標記。 • 要手動檢查顏色對比，使用內建的顏色選擇工具：左鍵單擊設置前景，右鍵單擊設置背景，比例會立即更新。 • 使用排除標籤隱藏所有元素，僅顯示您正在修正的元素。 📐 判斷背後的標準。 這個對比比率檢查器根據 WCAG 和 APCA 要求測試顏色可及性。APCA Lc 是根據 Bridge-PCA 閾值進行評分的，這些閾值比匹配的 WCAG 比率更嚴格——因此 Bridge-PCA 通過總是意味著 WCAG 通過。 🔬 什麼是 APCA？ APCA（可及性感知對比算法）是一種模型，用於追蹤人們在屏幕上閱讀文本的方式。兩組顏色具有相同的 WCAG 比率，但可能看起來明顯不同，其 APCA Lc（亮度對比）反映了這一點：一組顏色可能通過 WCAG，但仍然感覺難以閱讀。這個網站顏色可及性檢查器計算這兩個數字。 🚧 限制： 1. 像其他所有網站可及性檢查器一樣，這個檢查器提供最佳努力的估算，而不是合規證書。 2. 覆蓋範圍僅限文本；對非文本元素的檢查（WCAG 1.4.11）在計劃中。 3. 不會進入跨來源的 iframe。 4. 複雜的背景和動畫在有限的空間和時間點進行取樣；報告最差樣本的比率，但可能仍然過於樂觀；取樣器也可能受到渲染伪影的誤導。 5. 高度動態的網站可能會產生虛假問題。 6. 此顏色對比檢查器不會自動對圖像運行 OCR；通過內建的顏色選擇工具測試具有意義文本的圖像。 🔒 隱私和權限。 ▸ 本地運行；沒有網頁數據會離開您的機器。 ▸ 僅 'activeTab'：當您單擊工具欄圖標時，分析腳本會被注入。 ▸ 需要 'debugger' 權限以進入 Shadow DOM 和 iframe，追蹤 CSS 源，並取樣複雜背景。 🧮 準確性細節。 半透明文本和祖先不透明度得到正確處理：前景在測量亮度之前會合成在其真實背景上，因此報告的比率與用戶實際看到的相符。寬色域顏色函數——oklch、lab、lch、color(display-p3)——也受到支持，當超出色域時會被限制為 sRGB。 🎨 圖像和漸變上的文本。 與大多數類似工具不同，這個工具不會放棄對非平面背景的檢查，也不會信任 'getComputedStyle' / 'CSS.getBackgroundColors' 的報告。它會遍歷瀏覽器的繪製順序來合成真實背景——不透明度、混合模式、線性漸變、背景濾鏡——當這些還不夠時，這個顏色對比工具會在文本位置取樣渲染的像素。 ❓ 問答 📌 為什麼同一顏色對在 WCAG 和 APCA 下有時會得到不同的判斷？ ↳ WCAG 測量亮度；APCA 測量感知對比。一組通過 4.5:1 的顏色對仍然可能未達到 Bridge-PCA Lc 閾值——這是一個更嚴格的模型。 📌 APCA 取代 WCAG 嗎？ ↳ 不——APCA 不是替代品，而是有用的第二意見。這個對比檢查器同時報告兩者。 📌 我可以用這個可及性檢查器掃描本地文件或我的開發伺服器嗎？ ↳ 可以。在擴展設置中啟用 "允許訪問文件 URL"。打開 file:// 或 localhost URL，然後單擊工具欄圖標。只有 chrome://、Chrome 網上應用店和其他受限方案會被跳過。 📌 這個工具是否認證 ADA 合規性？ ↳ 不。它僅檢查顏色對比——可及性的其中一個方面。ADA 合規性是一個法律判斷，涵蓋許多標準和準則（語義、鍵盤訪問、替代文本、字幕等），應由合格的專業人士進行評估。
詳細資料
- 版本0.10
- 已更新2026年8月28日
- 提供者aablksv
- 大小294KiB
- 語言52 種語言
- 開發人員
電子郵件
aablksv@gmail.com - 非交易商這位開發人員並未表明自己是交易商。歐盟地區的消費者請注意，消費者權利不適用於你和這位開發人員之間簽訂的合約。
隱私權
這位開發者就你的資料做出下列聲明：
- 除經核准的用途外，不會將你的資料販售給第三方
- 不會基於與商品核心功能無關的目的，使用或轉移資料
- 不會為了確認信用度或基於貸款目的，使用或轉移資料
