確保您的文字符合顏色對比標準

在接下來的部分中，您將了解有關顏色對比度檢查器的所有信息，包括以下幾點：

1. 理解足夠的色彩對比的重要性
2. 驗證您的色彩對比度
3. 修正顏色對比度

報名參加完整的無障礙課程。 

理解足夠的色彩對比的重要性

文字和背景之間足夠的顏色對比可以增強網站上所有人的使用者體驗、可訪問性和可讀性，特別是有利於那些有視覺障礙的人。 WCAG 提供推薦比例 根據文字大小獲得最佳對比度。對比度表示兩種顏色之間的亮度（或輝度）差異，範圍從 1:1（例如，白色背景上的白色文字）到 21:1（例如，白色背景上的黑色文字）。

AA 色彩對比指南（最低）

• 文字和視覺效果的比例應為 4.5:1
• 充足的文字（18 點或 14 點粗體）需要 3:1 的比例

AAA 色彩對比指南（增強）

• 文字和視覺效果的比例應為 7:1
• 充足的文字（18 點或 14 點粗體）需要 4.5:1 的比例

筆記： 雖然 WCAG 對比度指南不會直接影響圖像（包括標誌），但建議包含突出文字的圖像遵循 4.5:1 的比率。然而，請注意，文字圖像可能會帶來挑戰，對於視力障礙的訪客來說通常仍然難以理解——只要可行，請選擇風格化的文字。

驗證您的色彩對比度

對比度的適當性取決於前景（文字）和背景顏色（顯示文字的純色背景）以及字體大小和粗細。利用 Webflow 的內建顏色對比檢查器來評估網站上文字的對比度，並在必要時進行調整。這可以直接透過 Webflow 中的顏色選擇器來完成，它不僅顯示文字的對比度，還顯示相應的 WCAG 等級評級。 

筆記： 顏色對比度檢查器不會評估文字元素與圖像元素的對比度（例如，如果您的文字位於圖像頂部）。

要評估文本的對比：

1. 選擇 文字元素 你想評估
2. 使用權 風格面板 > 版式
3. 點選 色樣 文字元素的顏色選擇器
4. 回顧 對比 顏色選擇器中的部分以確定文字的 WCAG 等級評級（例如，失敗、AA 或 AAA）

WCAG 等級評級由背景顏色以及字體大小、粗細和顏色決定，並透過點擊問號圖示時出現的解釋文字進行澄清。 （此對比度部分僅在修改文字元素的排版顏色時出現。）

要存取文字元素的對比度說明文字： 

1. 選擇 文字元素 出於興趣
2. 打開 風格面板 > 版式
3. 點選 色樣 啟動顏色選擇器的文字元素
4. 按 「問號」圖標 與對比相關 

修正顏色對比度

如果您的文字被歸類為未通過 WCAG 對比度評估（失敗），請考慮將文字顏色變更為更高對比度選項。當您修改文字顏色時，您將觀察到 AA（最低通過）或 AAA（更好）的評級。