文字排版詞條 3-44
對比度Contrast
也常叫做：對比度、對比、Contrast
你可能會這樣說
設計稿上淡淡的灰字很有氣質，實際放到網站後，在大太陽下的手機螢幕上幾乎看不到，長輩更是直接放棄閱讀。
白話解釋
對比度是文字顏色與背景顏色的亮度差，差越多越清楚。業界標準 WCAG AA：一般文字至少 4.5 比 1、大字（18pt 以上）至少 3 比 1。字越小、字重越細，越容易不及格。
「淡到有氣質」是設計上最常見的陷阱：做的人螢幕完美，讀的人在大太陽下手機上什麼都看不到。次要文字可以淡，但正文與按鈕文字必須夠深。
檢查不用靠感覺：跟 AI 說「幫我檢查全站對比是否符合 AA」，它會逐組列出不合格的組合。
親手試試
✕ 這樣不行
這段文字的顏色太淺了，在米色的背景上你看得很辛苦吧？對比度不足是 AI 生成網站最常見的問題之一。
✓ 這樣比較好
同樣的內容，把顏色加深之後，閱讀起來輕鬆多了。對比度夠，不只看得清楚，無障礙檢測也會過。
檢測標準：一般文字對比度至少 4.5:1，大標題至少 3:1。
這樣對 AI 說
中文就可以
請幫我健檢全站的文字對比： 逐頁列出文字與背景的對比比值，標出低於 4.5:1 的組合。 內文與按鈕文字調到 AA 以上，次要文字最多降到 4.5 的邊緣。 大標（24px 以上粗體）可以用 3:1 的標準，但不要拿來當淡字的藉口。 修完給我前後對照與通過清單。