critical
open
WCAG 1.4.3
Color contrast insufficient
Found in Corporate Website • Full Site Audit - Q4 2024
Description
Button text does not meet minimum contrast ratio of 4.5:1 against its background color. Current ratio is 2.1:1.
Impact
Users with visual impairments may have difficulty reading the button text, potentially preventing them from completing important actions.
Element Location
.hero-button
https://hcltech.com/home
Element Code
HTML
<button class="hero-button" style="color: #666; background: #ccc;">Learn More</button>AI Fix Suggestion
92% confidence
Explanation
Changed text color to white (#ffffff) and background to dark blue (#0066cc) to achieve 4.5:1 contrast ratio required by WCAG 2.2 AA standards.
Original Code
<button class="hero-button" style="color: #666; background: #ccc;">Learn More</button>Suggested Code
<button class="hero-button" style="color: #ffffff; background: #0066cc;">Learn More</button>Comments & Activity
AR
Alex Rivera1 hour ago
I'll work on this today. The design team needs to approve the new color scheme first.
SJ
Sarah Johnson30 minutes ago
Status changed from Open to In Progress
Assignment
Assigned to
ARAlex Rivera
Due Date
2024-01-15
Details
Created2 hours ago
Updated1 hour ago
ProjectCorporate Website
ScanFull Site Audit - Q4 2024