Back to Accessibility Report

Axe-core® Accessibility Results

axe-core found 15 violations

# Description Axe rule ID WCAG Impact Count
1 Buttons must have discernible text button-name WCAG 2 Level A, WCAG 4.1.2 critical 1
2 All page content should be contained by landmarks region Best practice moderate 14

Failed

1. Buttons must have discernible text

Learn more

button-name

WCAG 2 Level A, WCAG 4.1.2

Ensure buttons have discernible text

critical

Issue Tags: cat.name-role-value wcag2a wcag412 section508 section508.22.a TTv5 TT6.a EN-301-549 EN-9.4.1.2 ACT RGAAv4 RGAA-11.9.1

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

Element location

.Card-module-subtitleWrapper-xab97

Element source

<button class="Card-module-subtitleWrapper-xab97"></button>

Fix any of the following:

  • Element does not have inner text that is visible to screen readers
  • 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 does not have an implicit (wrapped) <label>
  • Element does not have an explicit <label>
  • Element's default semantics were not overridden with role="none" or role="presentation"

2. 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 RGAAv4 RGAA-9.2.1

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

Element location

.Card-module-textContent-oLPhu

Element source

<div class="Card-module-textContent-oLPhu"><div class="Card-module-title-0Fm45" data-testid="">Edit personal details</div></div>

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

div[data-testid="genderDropdown-container"] > .InputLabel-module-label-\+TgKg.InputLabel-module-topLabel-RZQoL

Element source

<label class="InputLabel-module-label-+TgKg InputLabel-module-topLabel-RZQoL">Gender *</label>

Fix any of the following:

  • Some page content is not contained by landmarks
4

Element location

div[data-testid="genderDropdown-container"] > .Select-module-wrapper-Ph\+le.InputWrapper-module-wrapper-4K1Ga[data-testid="textInputWrapper"] > .Select-module-inputContainer-xbkWK.Select-module-hideIcon-RG33e.css-b62m3t-container > .react-select__control.css-cp01gg-control > .react-select__value-container.react-select__value-container--has-value.css-14oxtc6 > .react-select__single-value.css-w54w9q-singleValue > span

Element source

<span>Male</span>

Fix any of the following:

  • Some page content is not contained by landmarks
5

Element location

#genderDropdown

Element source

<input id="genderDropdown" tabindex="0" inputmode="none" aria-autocomplete="list" aria-expanded="false" aria-haspopup="true" aria-label="Gender" aria-required="true" 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
6

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
7

Element location

div[data-testid="dobDaySelectInput-container"] > .Select-module-wrapper-Ph\+le.InputWrapper-module-wrapper-4K1Ga[data-testid="textInputWrapper"] > .Select-module-inputContainer-xbkWK.Select-module-hideIcon-RG33e.css-b62m3t-container > .react-select__control.css-cp01gg-control > .react-select__value-container.react-select__value-container--has-value.css-14oxtc6 > .react-select__single-value.css-w54w9q-singleValue > span

Element source

<span>12</span>

Fix any of the following:

  • Some page content is not contained by landmarks
8

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

Fix any of the following:

  • Some page content is not contained by landmarks
9

Element location

div[data-testid="dobMonthSelectInput-container"] > .Select-module-wrapper-Ph\+le.InputWrapper-module-wrapper-4K1Ga[data-testid="textInputWrapper"] > .Select-module-inputContainer-xbkWK.Select-module-hideIcon-RG33e.css-b62m3t-container > .react-select__control.css-cp01gg-control > .react-select__value-container.react-select__value-container--has-value.css-14oxtc6 > .react-select__single-value.css-w54w9q-singleValue > span

Element source

<span>December</span>

Fix any of the following:

  • Some page content is not contained by landmarks
10

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

Fix any of the following:

  • Some page content is not contained by landmarks
11

Element location

div[data-testid="dobYearSelectInput-container"] > .Select-module-wrapper-Ph\+le.InputWrapper-module-wrapper-4K1Ga[data-testid="textInputWrapper"] > .Select-module-inputContainer-xbkWK.Select-module-hideIcon-RG33e.css-b62m3t-container > .react-select__control.css-cp01gg-control > .react-select__value-container.react-select__value-container--has-value.css-14oxtc6 > .react-select__single-value.css-w54w9q-singleValue > span

Element source

<span>2000</span>

Fix any of the following:

  • Some page content is not contained by landmarks
12

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

Fix any of the following:

  • Some page content is not contained by landmarks
13

Element location

.FieldWrapper-module-container-i2tDr.PersonalDetailsCard-module-formField-0R7Sd.FieldWrapper-module-isFilled-eMGOM:nth-child(2)

Element source

<div data-form-field="true" data-testid="custom_attributes.city1-formfield" class="FieldWrapper-module-container-i2tDr PersonalDetailsCard-module-formField-0R7Sd FieldWrapper-module-isFilled-eMGOM">

Fix any of the following:

  • Some page content is not contained by landmarks
14

Element location

.FieldWrapper-module-container-i2tDr.PersonalDetailsCard-module-formField-0R7Sd.FieldWrapper-module-isFilled-eMGOM:nth-child(3)

Element source

<div data-form-field="true" data-testid="custom_attributes.fiscal_code-formfield" class="FieldWrapper-module-container-i2tDr PersonalDetailsCard-module-formField-0R7Sd FieldWrapper-module-isFilled-eMGOM">

Fix any of the following:

  • Some page content is not contained by landmarks