Back to Accessibility Report

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 3

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...
1

Element location

.BreadcrumbItem-module-breadcrumbLink-zyokm[href="/"] > .BreadcrumbItem-module-breadcrumbLinkText-0gJoJ

Element source

<span class="BreadcrumbItem-module-breadcrumbLinkText-0gJoJ">Home</span>

Fix any of the following:

  • Element has insufficient color contrast of 1.45 (foreground color: #2d2926, background color: #000000, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1

Related node:

body
2

Element location

a[href$="shop"] > .BreadcrumbItem-module-breadcrumbLinkText-0gJoJ

Element source

<span class="BreadcrumbItem-module-breadcrumbLinkText-0gJoJ">Shop</span>

Fix any of the following:

  • Element has insufficient color contrast of 1.45 (foreground color: #2d2926, background color: #000000, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1

Related node:

body
3

Element location

a[href$="ploom-flavour-bundle"] > .BreadcrumbItem-module-breadcrumbLinkText-0gJoJ

Element source

<span class="BreadcrumbItem-module-breadcrumbLinkText-0gJoJ">Ploom Flavour Bundle</span>

Fix any of the following:

  • Element has insufficient color contrast of 1.45 (foreground color: #2d2926, background color: #000000, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 4.5:1

Related node:

body