在网页设计和开发中，对比度是指前景内容（如文本）与背景之间的亮度差异。确保足够的对比度是网页无障碍性的重要组成部分，尤其对于视力障碍用户，如色盲或低视力人群。测试对比度通常有两种，一种是APCA，一种是WCAG。

一、WCAG 对比度

在WCAG 2.x 中，对比度要求的字体大小是基于视觉可读性标准定义的。这些标准是为了确保文本在不同背景上的可读性，特别是对于有视力障碍的用户。

WCAG 对比度的主要特点

• 普通文本：用于段落、说明文字等较小的文本，需要更高的对比度（4.5:1）。
• 大文本：用于标题、按钮文字等较大的文本，可以使用稍低的对比度（3:1）。

WCAG 对比度的要求

• AA级标准：
  • 普通文本与背景的对比度至少为4.5:1。
  • 大文本（至少18pt或14pt粗体）与背景的对比度至少为3:1。
• AAA级标准：
  • 普通文本与背景的对比度至少为7:1。
  • 大文本与背景的对比度至少为4.5:1。

WCAG 如何测量对比度？

对比度通常使用明度（Luminance）来计算，具体公式如下：

关于明度计算：明度的计算：非线性的人眼感知

${对比度} = \frac{L_1 + 0.05}{L_2 + 0.05}$

其中，L1和 L2 分别是前景（文本）和背景颜色的相对明度，且 L1 大于 L2。

WCAG 对比度检查工具

• Adobe Color：https://color.adobe.com/create/color-contrast-analyzer

  

二、APCA 对比度

APCA（Advanced Perceptual Contrast Algorithm，高级感知对比度算法）是一种新的对比度测量方法，旨在解决传统对比度算法的一些局限性。APCA 被认为比 WCAG 2.x 使用的相对亮度算法更精确和更符合人类视觉感知。