Axe-core® Accessibility Results

axe-core found 3 violations

#	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	2
2	All page content should be contained by landmarks	region	Best practice	moderate	1

Failed

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 `h2` Element source `<h2 class="Typography-module-variant-h2-Y7qIG Typography-module-font-weight-regular-EWCPY">Special Offers in Partner Stores</h2>`	Fix any of the following: Element has insufficient color contrast of 1.09 (foreground color: #f5f5f5, background color: #ffffff, font size: 24.0pt (32px), font weight: normal). Expected contrast ratio of 3:1 Related node: `body`
2	Element location `.PromotionCodes-module-description-Wb3RN` Element source `<div class="PromotionCodes-module-description-Wb3RN">It's quick and convenient to purchase Ploom products in retailers across [location]. Find your favorite Ploom retailer below and click the button to receive a special offer code. Simply show the code to the clerk when checking out in store.</div>`	Fix any of the following: Element has insufficient color contrast of 1.09 (foreground color: #f5f5f5, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1 Related node: `body`

Element location

h2

Element source

<h2 class="Typography-module-variant-h2-Y7qIG Typography-module-font-weight-regular-EWCPY">Special Offers in Partner Stores</h2>

Fix any of the following:

Element has insufficient color contrast of 1.09 (foreground color: #f5f5f5, background color: #ffffff, font size: 24.0pt (32px), font weight: normal). Expected contrast ratio of 3:1

Related node:

body

Element location

.PromotionCodes-module-description-Wb3RN

Element source

<div class="PromotionCodes-module-description-Wb3RN">It's quick and convenient to purchase Ploom products in retailers across [location]. Find your favorite Ploom retailer below and click the button to receive a special offer code. Simply show the code to the clerk when checking out in store.</div>

Fix any of the following:

Element has insufficient color contrast of 1.09 (foreground color: #f5f5f5, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

body

2. All page content should be contained by landmarks

Learn more

region

Best practice

Ensure all page content is contained by landmarks

moderate

Issue Tags: cat.keyboard best-practice

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

#	Issue Description	To solve this violation, you need to...
1	Element location `.PromotionCodes-module-textContainer-meVxj` Element source `<div class="PromotionCodes-module-textContainer-meVxj">`	Fix any of the following: Some page content is not contained by landmarks

Element location

.PromotionCodes-module-textContainer-meVxj

Element source

<div class="PromotionCodes-module-textContainer-meVxj">

Fix any of the following:

Some page content is not contained by landmarks