Contrast Ratio
4.5:1
✓ WCAG AA Pass
Normal Text (WCAG 4.5:1)
✓ Pass
Large Text (WCAG 3.0:1)
✓ Pass
EXPORTED GLASS CSS
backdrop-filter: blur(20px);
background: rgba(255, 255, 255, 0.40);
border: 1px solid rgba(255, 255, 255, 0.25);
color: #FFFFFF;
Frequently Asked Questions
How do you check WCAG contrast over glassmorphic elements?
GlassLint extracts pixel colors directly under your text preview layer, applies standard alpha-blending math with your selected glass opacity, and calculates the resulting contrast ratio mathematically in your browser.
What is the WCAG 2.2 AA accessibility contrast ratio standard?
WCAG 2.2 AA requires a minimum contrast ratio of 4.5:1 for normal text (under 24px) and 3:1 for large text (24px or larger).
Does GlassLint store or upload my mockup designs?
No. GlassLint operates 100% client-side in your local browser using HTML5 Canvas. Your images never leave your local computer, ensuring complete privacy compliance.