顯示背景色和前景色沒有足夠高的對比度

請確保所有文本元素的前景文本與背景顏色之間具有足夠的色彩對比度。

成功準則：請確保小號文本的色彩對比度至少達到 4.5:1，大號文本至少達到 3:1，即使該文本是圖像的一部分也不例外。根據(jù)相關要求，大號文本的定義為 18pt（24 CSS 像素）或 14pt 加粗文本（19 CSS 像素）。注：若發(fā)現(xiàn)元素的色彩對比度為 1:1，則該元素將被視為“未完成”，需進行人工復核。

有些視力低下的人會遇到對比度低的情況，這意味著明亮或黑暗的區(qū)域并不多。 所有物體都傾向于呈現(xiàn)出相同的亮度，這使得很難區(qū)分輪廓、邊界、邊緣和細節(jié)。 亮度與背景太接近的文本可能難以閱讀。

視力低下的人數(shù)幾乎是完全失明的人數(shù)的三倍。 每十二個人中就有一人無法看見全部顏色光譜——在美國，約有 8% 的男性和 0.4% 的女性。 視力低下或色盲的人無法在對比度不夠的情況下區(qū)分背景中的文字。

在背景中考慮到了顏色的透明度和不透明度。

前景中的顏色透明度和不透明度更難考慮和處理，因為：

• 前景和背景的顏色相同。
• CSS 背景漸變。
• CSS 偽元素中的背景顏色。
• 使用 CSS 邊框創(chuàng)建的背景顏色。
• 與前景中的另一個元素重疊 - 有時這會因為棘手的定位而出現(xiàn)。
• 元素通過 CSS 移出視口。

打開Adobe Color協(xié)助工具https://color.adobe.com/zh/create/color-contrast-analyzer

設置文字顏色和背景顏色，如圖所示

 https://dequeuniversity.com/rules/axe/4.11/color-contrast?lang=zh