Axe-core® Accessibility Results

axe-core found 4 violations

#	Description	Axe rule ID	WCAG	Impact	Count
1	Links must be distinguishable without relying on color	link-in-text-block	WCAG 2 Level A, WCAG 1.4.1	serious	1
2	All page content should be contained by landmarks	region	Best practice	moderate	3

Failed

1. Links must be distinguishable without relying on color

Learn more

link-in-text-block

WCAG 2 Level A, WCAG 1.4.1

Ensure links are distinguished from surrounding text in a way that does not rely on color

serious

Issue Tags: cat.color wcag2a wcag141 TTv5 TT13.a EN-301-549 EN-9.1.4.1

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

#	Issue Description	To solve this violation, you need to...
1	Element location `.placeholder` Element source `<a class="placeholder placeholder-helpEmail" href="mailto:test@jti.com">test@jti.com</a>`	Fix any of the following: The link has insufficient color contrast of 2.36:1 with the surrounding text. (Minimum contrast is 3:1, link text: #3567ff, surrounding text: #3a3d3f) The link has no styling (such as underline) to distinguish it from the surrounding text Related node: `.Faq-module-help-n28Xm` `.Faq-module-help-n28Xm`

Element location

.placeholder

Element source

<a class="placeholder placeholder-helpEmail" href="mailto:test@jti.com">test@jti.com</a>

Fix any of the following:

The link has insufficient color contrast of 2.36:1 with the surrounding text. (Minimum contrast is 3:1, link text: #3567ff, surrounding text: #3a3d3f)
The link has no styling (such as underline) to distinguish it from the surrounding text

Related node:

.Faq-module-help-n28Xm

.Faq-module-help-n28Xm

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 `h2` Element source `<h2 class="Typography-module-variant-h2-Y7qIG Typography-module-font-weight-regular-EWCPY Faq-module-title-YgiMu" data-testid="faq-title-typography">Top 5 Club FAQ</h2>`	Fix any of the following: Some page content is not contained by landmarks
2	Element location `.Button-module-large-2s-kG > span` Element source `<span><span class="Button-module-content-OxbmJ">More Club FAQ</span></span>`	Fix any of the following: Some page content is not contained by landmarks
3	Element location `.Faq-module-help-n28Xm` Element source `<p class="Faq-module-help-n28Xm" data-testid="faq-help">If you have any other questions, please contact us <a class="placeholder placeholder-helpEmail" href="mailto:test@jti.com">test@jti.com</a>.</p>`	Fix any of the following: Some page content is not contained by landmarks

Element location

h2

Element source

<h2 class="Typography-module-variant-h2-Y7qIG Typography-module-font-weight-regular-EWCPY Faq-module-title-YgiMu" data-testid="faq-title-typography">Top 5 Club FAQ</h2>

Fix any of the following:

Some page content is not contained by landmarks

Element location

.Button-module-large-2s-kG > span

Element source

<span><span class="Button-module-content-OxbmJ">More Club FAQ</span></span>

Fix any of the following:

Some page content is not contained by landmarks

Element location

.Faq-module-help-n28Xm

Element source

<p class="Faq-module-help-n28Xm" data-testid="faq-help">If you have any other questions, please contact us <a class="placeholder placeholder-helpEmail" href="mailto:test@jti.com">test@jti.com</a>.</p>

Fix any of the following:

Some page content is not contained by landmarks