Back to Accessibility Report

Axe-core® Accessibility Results

axe-core found 6 violations

# Description Axe rule ID WCAG Impact Count
1 Form elements must have labels label WCAG 2 Level A, WCAG 4.1.2 critical 3
2 Interactive controls must not be nested nested-interactive WCAG 2 Level A, WCAG 4.1.2 serious 3

Failed

1. 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-HBwYx[type="button"][data-testid="address-select-card"]:nth-child(1) > .AddressSelectCard-module-radioWrapper-14yAa > label > .RadioButton-module-radioWrapper-feuSQ > input

Element source

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

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-HBwYx[type="button"][data-testid="address-select-card"]:nth-child(1) > .AddressSelectCard-module-radioWrapper-14yAa > label
2

Element location

.AddressSelectCard-module-wrapper-HBwYx[type="button"][data-testid="address-select-card"]:nth-child(2) > .AddressSelectCard-module-radioWrapper-14yAa > label > .RadioButton-module-radioWrapper-feuSQ > input

Element source

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

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-HBwYx[type="button"][data-testid="address-select-card"]:nth-child(2) > .AddressSelectCard-module-radioWrapper-14yAa > label
3

Element location

.AddressSelectCard-module-wrapper-HBwYx[type="button"][data-testid="address-select-card"]:nth-child(3) > .AddressSelectCard-module-radioWrapper-14yAa > label > .RadioButton-module-radioWrapper-feuSQ > input

Element source

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

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-HBwYx[type="button"][data-testid="address-select-card"]:nth-child(3) > .AddressSelectCard-module-radioWrapper-14yAa > label

2. 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-HBwYx[type="button"][data-testid="address-select-card"]:nth-child(1)

Element source

<button type="button" class="AddressSelectCard-module-wrapper-HBwYx" 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-HBwYx[type="button"][data-testid="address-select-card"]:nth-child(1) > .AddressSelectCard-module-radioWrapper-14yAa > label > .RadioButton-module-radioWrapper-feuSQ > input
2

Element location

.AddressSelectCard-module-wrapper-HBwYx[type="button"][data-testid="address-select-card"]:nth-child(2)

Element source

<button type="button" class="AddressSelectCard-module-wrapper-HBwYx" 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-HBwYx[type="button"][data-testid="address-select-card"]:nth-child(2) > .AddressSelectCard-module-radioWrapper-14yAa > label > .RadioButton-module-radioWrapper-feuSQ > input
3

Element location

.AddressSelectCard-module-wrapper-HBwYx[type="button"][data-testid="address-select-card"]:nth-child(3)

Element source

<button type="button" class="AddressSelectCard-module-wrapper-HBwYx" 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-HBwYx[type="button"][data-testid="address-select-card"]:nth-child(3) > .AddressSelectCard-module-radioWrapper-14yAa > label > .RadioButton-module-radioWrapper-feuSQ > input