Back to Accessibility Report

Axe-core® Accessibility Results

axe-core found 18 violations

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

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

h2

Element source

<h2 class="PersonalDetailsPage-module-header-XJlPh">2. Personal details</h2>

Fix any of the following:

  • Some page content is not contained by landmarks
2

Element location

.PersonalDetails-module-fields-8zh-U > .PersonalDetails-module-fields-8zh-U

Element source

<div class="PersonalDetails-module-fields-8zh-U">

Fix any of the following:

  • Some page content is not contained by landmarks
3

Element location

#date_of_birth

Element source

<label for="date_of_birth" id="date_of_birth" class="InputLabel-module-label-+TgKg InputLabel-module-topLabel-RZQoL">Date of birth *</label>

Fix any of the following:

  • Some page content is not contained by landmarks
4

Element location

#react-select-11-placeholder > span

Element source

<span>DD</span>

Fix any of the following:

  • Some page content is not contained by landmarks
5

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-11-placeholder" class="css-1hac4vs-dummyInput" value="">

Fix any of the following:

  • Some page content is not contained by landmarks
6

Element location

#react-select-12-placeholder > span

Element source

<span>Month</span>

Fix any of the following:

  • Some page content is not contained by landmarks
7

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-12-placeholder" class="css-1hac4vs-dummyInput" value="">

Fix any of the following:

  • Some page content is not contained by landmarks
8

Element location

#react-select-13-placeholder > span

Element source

<span>Year</span>

Fix any of the following:

  • Some page content is not contained by landmarks
9

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-13-placeholder" class="css-1hac4vs-dummyInput" value="">

Fix any of the following:

  • Some page content is not contained by landmarks
10

Element location

#phoneLabelId

Element source

<label for="phoneLabelId" id="phoneLabelId" class="InputLabel-module-label-+TgKg InputLabel-module-topLabel-RZQoL">Phone number </label>

Fix any of the following:

  • Some page content is not contained by landmarks
11

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
12

Element location

#react-select-14-input

Element source

<input id="react-select-14-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
13

Element location

.RegularTelephone-module-telephoneFullWidth-B2hGo

Element source

<div class="RegularTelephone-module-telephoneFullWidth-B2hGo">

Fix any of the following:

  • Some page content is not contained by landmarks
14

Element location

.InputInfoSection-module-label-AyCZz

Element source

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

Fix any of the following:

  • Some page content is not contained by landmarks
15

Element location

.PersonalDetailsPage-module-container-SjZAo > .PersonalDetailsPage-module-container-SjZAo > .LegalText-module-legalText-1nvyI

Element source

<div class="LegalText-module-legalText-1nvyI">By continuing, you confirm that you have read and understood our Privacy Policy and agree to the processing of your personal data for the purposes you selected above. You may withdraw your consent at any time in your profile settings.</div>

Fix any of the following:

  • Some page content is not contained by landmarks
16

Element location

.RegistrationPolicyCheckFields-module-wrapper-KbBOs

Element source

<div class="RegistrationPolicyCheckFields-module-wrapper-KbBOs">

Fix any of the following:

  • Some page content is not contained by landmarks
17

Element location

.PersonalDetailsPage-module-required-Bd2uu

Element source

<span class="PersonalDetailsPage-module-required-Bd2uu">* required field</span>

Fix any of the following:

  • Some page content is not contained by landmarks
18

Element location

.PersonalDetailsPage-module-legalText-OgDE2

Element source

<div class="LegalText-module-legalText-1nvyI PersonalDetailsPage-module-legalText-OgDE2">You can adjust your communication settings at any time in your profile, and/or restrict or withdraw your consent in full or in part.</div>

Fix any of the following:

  • Some page content is not contained by landmarks