SeriousWCAG 1.4.3WCAG 1.4.11
Elements must meet minimum color contrast ratio thresholds
Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds.
Occurrence 1 of 3 · header CTAbutton.btn-secondary
Why this fails
Element has insufficient color contrast of 1.6:1 (foreground #9ca3af, background #f3f4f6). Expected minimum 4.5:1.
Current element
<button class="btn-secondary">Learn more</button>
<style>
.btn-secondary {
background: #f3f4f6;
color: #9ca3af;
padding: 10px 20px;
border-radius: 8px;
}
</style>Suggested fix— AI-generated, review before applying
<button class="btn-secondary">Learn more</button>
<style>
.btn-secondary {
background: #f3f4f6;
color: #1f2937; /* was #9ca3af */
padding: 10px 20px;
border-radius: 8px;
}
</style>Before
Learn more1.6:1
After
Learn more12.6:1
Sample fix. Your scan gets one of these for every occurrence on your site.Rule reference