WCAG Spectrum

About this plugin

Live Contrast Checking:

Select one or two layers to see the contrast ratio and WCAG AA/AAA pass/fail status update instantly as you work.

Smart Auto-Fix:

Automatically correct failing contrast ratios with a single click. The plugin intelligently adjusts the foreground or background color to find the nearest compliant shade.

Lightness Sliders: Manually fine-tune colors using HSL-based lightness sliders for precise adjustments.

Multi-Layer Scanning:

Scan an entire page or a specific selection to find and list all text layers that fail contrast checks, grouped by their parent frame.

Complex Background Detection:

The plugin smartly calculates the effective background color, even when it’s composed of multiple overlapping, semi-transparent layers. It also gracefully handles unsupported backgrounds like gradients and images.

Multi-Color Text Support: Accurately checks text nodes containing multiple colors, identifying the specific text segments with contrast issues.`