什麼是WCAG對比度檢查器?

WCAG顏色對比度檢查工具,可計算前景色與背景色之間的對比度,並報告該顏色組合是否符合WCAG 2.1 AA級和AAA級無障礙標準中對一般文字和大號文字的要求。

使用方法

  1. 透過取色器或十六進位輸入框輸入或選擇前景色(文字顏色)和背景色。
  2. 檢視對比度數值,以及在正常文字、大號文字和UI元件方面是否通過WCAG AA和AAA標準。
  3. 若對比度未達標,可使用建議的顏色調整方案找到最接近的無障礙顏色組合。

結果

UI設計師檢查其品牌藍色#3B82F6與白色#FFFFFF的對比度——4.5:1的比率在大號文字上通過AA標準,但在正常文字上未通過AAA標準。將顏色加深為#2563EB後兩者均通過。

相關工具