Back to Accessibility Report

Axe-core® Accessibility Results

axe-core found 15 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 All page content should be contained by landmarks region Best practice moderate 14

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

.InputInfoSection-module-label-uKQyL

Element source

<span class="InputInfoSection-module-label-uKQyL">Format: +44 70 00 000 000</span>

Fix any of the following:

  • Element has insufficient color contrast of 4.45 (foreground color: #757575, background color: #fbfbfb, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

.ContactForm-module-formWrapper-KSY\+G

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

Element location

.ContactForm-module-headingWrapper-Rl4UB

Element source

<div class="ContactForm-module-headingWrapper-Rl4UB"><h2 data-testid="contact-form-title" class="ContactForm-module-title-wdFld">Sample Title</h2><p data-testid="contact-form-description">Sample Description</p></div>

Fix any of the following:

  • Some page content is not contained by landmarks
2

Element location

.InputWrapper-module-container-3AbF2[data-testid="formTextInput-container"]:nth-child(1)

Element source

<div class="InputWrapper-module-container-3AbF2" data-testid="formTextInput-container">

Fix any of the following:

  • Some page content is not contained by landmarks
3

Element location

.InputWrapper-module-container-3AbF2[data-testid="formTextInput-container"]:nth-child(2)

Element source

<div class="InputWrapper-module-container-3AbF2" data-testid="formTextInput-container">

Fix any of the following:

  • Some page content is not contained by landmarks
4

Element location

div[data-testid="email-container"]

Element source

<div class="InputWrapper-module-container-3AbF2" data-testid="email-container">

Fix any of the following:

  • Some page content is not contained by landmarks
5

Element location

.InputWrapper-module-container-3AbF2[data-testid="formTextInput-container"]:nth-child(4)

Element source

<div class="InputWrapper-module-container-3AbF2" data-testid="formTextInput-container">

Fix any of the following:

  • Some page content is not contained by landmarks
6

Element location

label[for="phone"]

Element source

<label for="phone" class="InputLabel-module-label-5t4Qs InputLabel-module-topLabel-+cb51">Phone number </label>

Fix any of the following:

  • Some page content is not contained by landmarks
7

Element location

.InputWrapper-module-container-3AbF2[data-testid="formTextInput-container"]:nth-child(5) > .InputWrapper-module-wrapper-SGLx2[data-testid="textInputWrapper"]

Element source

<div data-testid="textInputWrapper" class="InputWrapper-module-wrapper-SGLx2"><input id="phone" class="TextInput-module-input-FNjui light-theme" data-testid="formTextInput" name="phone" placeholder="Phone number" value="+48111111111"></div>

Fix any of the following:

  • Some page content is not contained by landmarks
8

Element location

.InputInfoSection-module-label-uKQyL

Element source

<span class="InputInfoSection-module-label-uKQyL">Format: +44 70 00 000 000</span>

Fix any of the following:

  • Some page content is not contained by landmarks
9

Element location

label[for="subject"]

Element source

<label for="subject" class="InputLabel-module-label-5t4Qs InputLabel-module-topLabel-+cb51">What do you need help with? </label>

Fix any of the following:

  • Some page content is not contained by landmarks
10

Element location

#react-select-4-placeholder > span

Element source

<span>Select subject</span>

Fix any of the following:

  • Some page content is not contained by landmarks
11

Element location

div[data-testid="textArea-container"]

Element source

<div class="InputWrapper-module-container-3AbF2" data-testid="textArea-container">

Fix any of the following:

  • Some page content is not contained by landmarks
12

Element location

#additionalCheckbox

Element source

<input name="additionalCheckbox" id="additionalCheckbox" aria-labelledby="label-additionalCheckbox" class="Checkbox-module-consentCheckboxInput-4uh-n" type="checkbox" data-testid="formCheckbox" checked="">

Fix any of the following:

  • Some page content is not contained by landmarks
13

Element location

#label-additionalCheckbox

Element source

<div id="label-additionalCheckbox" class="Checkbox-module-consentCheckboxLabel-g-j4Q">Additional Checkbox</div>

Fix any of the following:

  • Some page content is not contained by landmarks
14

Element location

.ContactForm-module-text-e8FVw

Element source

<p class="ContactForm-module-text-e8FVw">Required fields are marked with an asterisk (*)</p>

Fix any of the following:

  • Some page content is not contained by landmarks