Back to Accessibility Report

Axe-core® Accessibility Results

axe-core found 8 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 1
2 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2 critical 1
3 All page content should be contained by landmarks region Best practice moderate 6

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

.TextInput-module-editButton-Z-0A\+

Element source

<button class="TextInput-module-editButton-Z-0A+" type="button">Copy</button>

Fix any of the following:

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

Related node:

.InputWrapper-module-wrapper-SGLx2

2. Form elements must have labels

Learn more

label

WCAG 2 Level A, WCAG 4.1.2

Ensure every form element has a label

critical

Issue Tags: cat.forms wcag2a wcag412 section508 section508.22.n TTv5 TT5.c EN-301-549 EN-9.4.1.2 ACT

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

Element location

input

Element source

<input class="TextInput-module-input-FNjui light-theme" data-testid="textInput" readonly="" value="123456">

Fix any of the following:

  • Element does not have an implicit (wrapped) <label>
  • Element does not have an explicit <label>
  • aria-label attribute does not exist or is empty
  • aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
  • Element has no title attribute
  • Element has no placeholder attribute
  • Element's default semantics were not overridden with role="none" or role="presentation"

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

Element location

.ReferralPersonalCode-module-topHeader-p6pbi

Element source

<div class="ReferralPersonalCode-module-topHeader-p6pbi" data-testid="referral-personal-code__topHeader">Title</div>

Fix any of the following:

  • Some page content is not contained by landmarks
2

Element location

.ReferralPersonalCode-module-title-3c\+W7

Element source

<div class="ReferralPersonalCode-module-title-3c+W7" data-testid="your-personal-code-header">Your personal code</div>

Fix any of the following:

  • Some page content is not contained by landmarks
3

Element location

.ReferralPersonalCode-module-description-RlNeI

Element source

<div class="ReferralPersonalCode-module-description-RlNeI">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>

Fix any of the following:

  • Some page content is not contained by landmarks
4

Element location

input

Element source

<input class="TextInput-module-input-FNjui light-theme" data-testid="textInput" readonly="" value="123456">

Fix any of the following:

  • Some page content is not contained by landmarks
5

Element location

.ReferralPersonalCode-module-rightBlock-LqOaw

Element source

<div class="ReferralPersonalCode-module-rightBlock-LqOaw">

Fix any of the following:

  • Some page content is not contained by landmarks
6

Element location

.Button-module-cta-udhmk

Element source

<a class="Button-module-cta-udhmk Button-module-large-2s-kG Button-module-tertiary-jSPN2" tabindex="0" type="cta" href="/en/referral-program" data-testid="bottomCta"><span class="Button-module-content-OxbmJ">Learn more about our referral program</span></a>

Fix any of the following:

  • Some page content is not contained by landmarks