Back to Accessibility Report

Axe-core® Accessibility Results

axe-core found 14 violations

# Description Axe rule ID WCAG Impact Count
1 All page content should be contained by landmarks region Best practice moderate 14

Failed

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

.PersonalDetails-module-fields-801Sk > .PersonalDetails-module-fields-801Sk

Element source

<div class="PersonalDetails-module-fields-801Sk">

Fix any of the following:

  • Some page content is not contained by landmarks
2

Element location

#date_of_birth

Element source

<label for="date_of_birth" id="date_of_birth" class="InputLabel-module-label-5t4Qs InputLabel-module-topLabel-+cb51">Date of birth *</label>

Fix any of the following:

  • Some page content is not contained by landmarks
3

Element location

#react-select-5-placeholder > span

Element source

<span>DD</span>

Fix any of the following:

  • Some page content is not contained by landmarks
4

Element location

#dobDaySelectInput

Element source

<input id="dobDaySelectInput" tabindex="0" inputmode="none" aria-autocomplete="list" aria-expanded="false" aria-haspopup="true" aria-label="DD" role="combobox" aria-activedescendant="" aria-readonly="true" aria-describedby="react-select-5-placeholder" class="css-1hac4vs-dummyInput" value="">

Fix any of the following:

  • Some page content is not contained by landmarks
5

Element location

#react-select-6-placeholder > span

Element source

<span>Month</span>

Fix any of the following:

  • Some page content is not contained by landmarks
6

Element location

#dobMonthSelectInput

Element source

<input id="dobMonthSelectInput" tabindex="0" inputmode="none" aria-autocomplete="list" aria-expanded="false" aria-haspopup="true" aria-label="Month" role="combobox" aria-activedescendant="" aria-readonly="true" aria-describedby="react-select-6-placeholder" class="css-1hac4vs-dummyInput" value="">

Fix any of the following:

  • Some page content is not contained by landmarks
7

Element location

#react-select-7-placeholder > span

Element source

<span>Year</span>

Fix any of the following:

  • Some page content is not contained by landmarks
8

Element location

#dobYearSelectInput

Element source

<input id="dobYearSelectInput" tabindex="0" inputmode="none" aria-autocomplete="list" aria-expanded="false" aria-haspopup="true" aria-label="Year" role="combobox" aria-activedescendant="" aria-readonly="true" aria-describedby="react-select-7-placeholder" class="css-1hac4vs-dummyInput" value="">

Fix any of the following:

  • Some page content is not contained by landmarks
9

Element location

#phoneLabelId

Element source

<label for="phoneLabelId" id="phoneLabelId" 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
10

Element location

.react-select__single-value > span

Element source

<span>‎44</span>

Fix any of the following:

  • Some page content is not contained by landmarks
11

Element location

#react-select-8-input

Element source

<input id="react-select-8-input" tabindex="0" inputmode="none" aria-autocomplete="list" aria-expanded="false" aria-haspopup="true" aria-label="Phone number" role="combobox" aria-activedescendant="" aria-readonly="true" class="css-1hac4vs-dummyInput" value="">

Fix any of the following:

  • Some page content is not contained by landmarks
12

Element location

.RegularTelephone-module-control-mti0O > div:nth-child(2)

Element source

<div class="">

Fix any of the following:

  • Some page content is not contained by landmarks
13

Element location

.InputInfoSection-module-label-uKQyL

Element source

<span class="InputInfoSection-module-label-uKQyL">Format: +41 89 76 543 210</span>

Fix any of the following:

  • Some page content is not contained by landmarks
14

Element location

.OtpComponent-module-text-GbUTp

Element source

<div class="OtpComponent-module-text-GbUTp">We have to verify your phone number, so we will send you a one time code.</div>

Fix any of the following:

  • Some page content is not contained by landmarks