Skip to content

CodePenMay 17, 2023

Accessible Contrast - @prefers-contrast + @prefers-reduced-transparency

CodePen pattern demonstrating user-choice contrast with prefers-contrast and prefers-reduced-transparency queries for inclusive visual options.

patternAccessibilityCSSWCAG

Last updated: May 30, 2023

CodePen snippet: Accessible Contrast - @prefers-contrast + @prefers-reduced-transparency.

Resources