Back to Accessibility Report

Axe-core® Accessibility Results

axe-core found 10 violations

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

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

.Card-module-title-w76xr

Element source

<div class="Card-module-title-w76xr" data-testid=""><h2>Contact details</h2></div>

Fix any of the following:

  • Some page content is not contained by landmarks
2

Element location

.ShippingContact-module-intro-fEejN

Element source

<div class="ShippingContact-module-intro-fEejN">Recipient information will be required for the parcel delivery.</div>

Fix any of the following:

  • Some page content is not contained by landmarks
3

Element location

.RadioButton-module-radioLabel-lD2gI:nth-child(1)

Element source

<label class="RadioButton-module-radioLabel-lD2gI">

Fix any of the following:

  • Some page content is not contained by landmarks
4

Element location

.ContactInfo-module-nameAndPhoneList-2dXh\+

Element source

<div class="ContactInfo-module-nameAndPhoneList-2dXh+"><div><span class="ContactInfo-module-label-EJGqu">Name:</span><span>John Doe</span></div></div>

Fix any of the following:

  • Some page content is not contained by landmarks
5

Element location

.AlertBanner-module-content-tY3kP

Element source

<div class="AlertBanner-module-content-tY3kP"><div class="AlertBanner-module-texts-3VFNm"><div>You don't have a phone number in your profile. Please add one to continue.</div></div><div><div class="AlertBanner-module-buttons-KzpXs"></div></div></div>

Fix any of the following:

  • Some page content is not contained by landmarks
6

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
7

Element location

#react-select-2-input

Element source

<input id="react-select-2-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
8

Element location

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

Element source

<div class="">

Fix any of the following:

  • Some page content is not contained by landmarks
9

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
10

Element location

.RadioButton-module-radioLabel-lD2gI:nth-child(3)

Element source

<label class="RadioButton-module-radioLabel-lD2gI">

Fix any of the following:

  • Some page content is not contained by landmarks