Axe-core® Accessibility Results

axe-core found 1 violation

#	Description	Axe rule ID	WCAG	Impact	Count
1	Elements must meet minimum color contrast ratio thresholds	color-contrast	WCAG 2 Level AA, WCAG 1.4.3	serious	1

1. Elements must meet minimum color contrast ratio thresholds

Learn more

color-contrast

WCAG 2 Level AA, WCAG 1.4.3

Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds

serious

Issue Tags: cat.color wcag2aa wcag143 TTv5 TT13.c EN-301-549 EN-9.1.4.3 ACT

# Issue Description To solve this violation, you need to...

#	Issue Description	To solve this violation, you need to...
1	Element location `.info-banner__button-text` Element source `<span class="info-banner__button-text">Action</span>`	Fix any of the following: Element has insufficient color contrast of 3.93 (foreground color: #3567ff, background color: #ffe9d1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 Related node: `.info-banner`

Element location

.info-banner__button-text

Element source

<span class="info-banner__button-text">Action</span>

Fix any of the following:

Element has insufficient color contrast of 3.93 (foreground color: #3567ff, background color: #ffe9d1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

.info-banner