我在绝对必须具备可访问性的网站上工作，我们的目标是至少达到 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会降低）。
你的文字也是粗体吗？如果是这样，则最小颜色对比度要求将更改为 3:1，因为文本将是大文本（18 像素 + 粗体）。
根据 Webaim，“大文本定义为 14 磅（通常为 18.66 像素）和粗体或更大，或 18 磅（通常为 24 像素）或更大。”</p>
我知道您知道对比度检查器，但我想指出，如果您使用Microsoft的 Web 可访问性洞察力在该渐变上测试您的内容，该工具实际上可以告诉您在该渐变背景上是否可访问对比度。快速通过功能将在几秒钟内告诉您。
最后，指南的目的是让每个人都可以访问它，因此如果尽管数字和阈值难以阅读，请将其调整为更好的对比度，使其易于阅读。例如，csszengarden.com 网站上的大多数设计都可以根据这些自动化工具访问，但实际上并不能真正访问。