sir*_*owl 6 css accessibility colors web
我在绝对必须具备可访问性的网站上工作，我们的目标是至少达到 AA 标准。通常，我们使用https://contrast-ratio.com和https://contrastchecker.com等资源来测试黑色或白色文本的背景颜色。
在本例中，让我们采用 18px 大小的白色 (#fff) 文本。颜色一：#546FAF 的比例为 4.92 颜色二：#B349B1 的比例为 4.66
如果我在这两种颜色之间制作了一个线性渐变作为背景，那么 18px 的 #fff 文本是否是安全的可访问性明智的？我试过在看起来接近的文本附近选择颜色，但希望这是一个简单的答案，在该渐变期间它永远不会低于 4.5 的比例。
谢谢！
是的，如果两种颜色都通过了对比度测试，那么您将是安全的，但这是假设较暗的渐变背景上的白色（正如您所指出的），对于渐变背景上的深色，情况恰恰相反。
两个相等（或接近相等）亮度值的梯度在组合时往往会在中间得到稍低的亮度值。
两种颜色之间的对比度基于亮度，使用以下公式：-
(L1 + 0.05) / (L2 + 0.05)其中 L1 是较浅颜色的相对亮度，
L2 是较暗颜色的相对亮度。
因此，由于在两个相似的亮度值上，中间的渐变往往会变暗，因此您可以看到中间的对比度会增加（L2 随着接近黑色而减小，L1不会改变）。因此，整个颜色光谱将高于阈值，最高对比度趋于中心。
但是，如果您使用深色作为前景色，那么当渐变在中间变暗时，对比度将会降低（L2不会改变，L1会降低）。