Back to Accessibility Report

Axe-core® Accessibility Results

axe-core found 7 violations

# Description Axe rule ID WCAG Impact Count
1 ARIA dialog and alertdialog nodes should have an accessible name aria-dialog-name Best practice serious 1
2 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2 critical 3
3 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 serious 3

Failed

1. ARIA dialog and alertdialog nodes should have an accessible name

Learn more

aria-dialog-name

Best practice

Ensure every ARIA dialog and alertdialog node has an accessible name

serious

Issue Tags: cat.aria best-practice

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

Element location

.Dialog-module-dialogWrapper-z\+xE9

Element source

<div data-testid="dialog" role="alertdialog" aria-modal="true" class="Dialog-module-dialogWrapper-z+xE9 Dialog-module-isShown-0vVpK">

Fix any of the following:

  • 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

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

.AddressSelectCard-module-wrapper-E5LDW[data-testid="address-select-card"][aria-current="false"]:nth-child(1) > .AddressSelectCard-module-radioWrapper-DzR3l > label > .RadioButton-module-radioWrapper-PYamg > input

Element source

<input type="radio" class="RadioButton-module-radioInput-AzZq6">

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"

Related node:

.AddressSelectCard-module-wrapper-E5LDW[data-testid="address-select-card"][aria-current="false"]:nth-child(1) > .AddressSelectCard-module-radioWrapper-DzR3l > label
2

Element location

.AddressSelectCard-module-wrapper-E5LDW[data-testid="address-select-card"][aria-current="false"]:nth-child(2) > .AddressSelectCard-module-radioWrapper-DzR3l > label > .RadioButton-module-radioWrapper-PYamg > input

Element source

<input type="radio" class="RadioButton-module-radioInput-AzZq6">

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"

Related node:

.AddressSelectCard-module-wrapper-E5LDW[data-testid="address-select-card"][aria-current="false"]:nth-child(2) > .AddressSelectCard-module-radioWrapper-DzR3l > label
3

Element location

.AddressSelectCard-module-wrapper-E5LDW[data-testid="address-select-card"][aria-current="false"]:nth-child(3) > .AddressSelectCard-module-radioWrapper-DzR3l > label > .RadioButton-module-radioWrapper-PYamg > input

Element source

<input type="radio" class="RadioButton-module-radioInput-AzZq6">

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"

Related node:

.AddressSelectCard-module-wrapper-E5LDW[data-testid="address-select-card"][aria-current="false"]:nth-child(3) > .AddressSelectCard-module-radioWrapper-DzR3l > label

3. Interactive controls must not be nested

Learn more

nested-interactive

WCAG 2 Level A, WCAG 4.1.2

Ensure interactive controls are not nested as they are not always announced by screen readers or can cause focus problems for assistive technologies

serious

Issue Tags: cat.keyboard wcag2a wcag412 TTv5 TT6.a EN-301-549 EN-9.4.1.2

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

Element location

.AddressSelectCard-module-wrapper-E5LDW[data-testid="address-select-card"][aria-current="false"]:nth-child(1)

Element source

<button type="button" class="AddressSelectCard-module-wrapper-E5LDW" data-testid="address-select-card" aria-pressed="false" aria-label="Denmark firstname Denmark lastname, streetName, 6, Berlin, 49000, DE" aria-current="false">

Fix any of the following:

  • Element has focusable descendants

Related node:

.AddressSelectCard-module-wrapper-E5LDW[data-testid="address-select-card"][aria-current="false"]:nth-child(1) > .AddressSelectCard-module-radioWrapper-DzR3l > label > .RadioButton-module-radioWrapper-PYamg > input
2

Element location

.AddressSelectCard-module-wrapper-E5LDW[data-testid="address-select-card"][aria-current="false"]:nth-child(2)

Element source

<button type="button" class="AddressSelectCard-module-wrapper-E5LDW" data-testid="address-select-card" aria-pressed="false" aria-label="Jan Kowalski, Daleka, 123, Włocławek, 87-800, PL" aria-current="false">

Fix any of the following:

  • Element has focusable descendants

Related node:

.AddressSelectCard-module-wrapper-E5LDW[data-testid="address-select-card"][aria-current="false"]:nth-child(2) > .AddressSelectCard-module-radioWrapper-DzR3l > label > .RadioButton-module-radioWrapper-PYamg > input
3

Element location

.AddressSelectCard-module-wrapper-E5LDW[data-testid="address-select-card"][aria-current="false"]:nth-child(3)

Element source

<button type="button" class="AddressSelectCard-module-wrapper-E5LDW" data-testid="address-select-card" aria-pressed="false" aria-label="John Doe John Doe, streetName1, 9, London, NW1 6XE, GB" aria-current="false">

Fix any of the following:

  • Element has focusable descendants

Related node:

.AddressSelectCard-module-wrapper-E5LDW[data-testid="address-select-card"][aria-current="false"]:nth-child(3) > .AddressSelectCard-module-radioWrapper-DzR3l > label > .RadioButton-module-radioWrapper-PYamg > input