Axe-core® Accessibility Results

axe-core found 2 violations

#	Description	Axe rule ID	WCAG	Impact	Count
1	Elements must meet minimum color contrast ratio thresholds	color-contrast	WCAG 2 Level AA, WCAG 1.4.3	serious	1
2	Form elements must have labels	label	WCAG 2 Level A, WCAG 4.1.2	critical	1

1. Elements must meet minimum color contrast ratio thresholds

Learn more

color-contrast

WCAG 2 Level AA, WCAG 1.4.3

Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds

serious

Issue Tags: cat.color wcag2aa wcag143 TTv5 TT13.c EN-301-549 EN-9.1.4.3 ACT

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

#	Issue Description	To solve this violation, you need to...
1	Element location `.TextInput-module-editButton-Z-0A\+` Element source `<button class="TextInput-module-editButton-Z-0A+" type="button">Copy</button>`	Fix any of the following: Element has insufficient color contrast of 3.73 (foreground color: #3567ff, background color: #e6e7e8, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 Related node: `.InputWrapper-module-wrapper-SGLx2`

Element location

.TextInput-module-editButton-Z-0A\+

Element source

<button class="TextInput-module-editButton-Z-0A+" type="button">Copy</button>

Fix any of the following:

Element has insufficient color contrast of 3.73 (foreground color: #3567ff, background color: #e6e7e8, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

.InputWrapper-module-wrapper-SGLx2

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...

#	Issue Description	To solve this violation, you need to...
1	Element location `input` Element source `<input class="TextInput-module-input-FNjui light-theme" data-testid="textInput" readonly="" value="ABC1234567890">`	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"

Element location

input

Element source

<input class="TextInput-module-input-FNjui light-theme" data-testid="textInput" readonly="" value="ABC1234567890">

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"