Axe-core® Accessibility Results

axe-core found 3 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	Elements must meet minimum color contrast ratio thresholds	color-contrast	WCAG 2 Level AA, WCAG 1.4.3	serious	2

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

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

#	Issue Description	To solve this violation, you need to...
1	Element location `.ItemsSummaryView-module-toggleButton-Yczi8` Element source `<button class="ItemsSummaryView-module-toggleButton-Yczi8">`	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"

Element location

.ItemsSummaryView-module-toggleButton-Yczi8

Element source

<button class="ItemsSummaryView-module-toggleButton-Yczi8">

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. 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 `.ProductLineItem-module-quantityText-qrOMw` Element source `<p class="ProductLineItem-module-quantityText-qrOMw">Quantity</p>`	Fix any of the following: Element has insufficient color contrast of 4.45 (foreground color: #757575, background color: #fbfbfb, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 Related node: `.ItemsSummaryView-module-container-0xrTG`
2	Element location `.ExpandedBundleItem-module-quantityText-MNmc3` Element source `<p class="ExpandedBundleItem-module-quantityText-MNmc3">Quantity</p>`	Fix any of the following: Element has insufficient color contrast of 4.45 (foreground color: #757575, background color: #fbfbfb, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1 Related node: `.ItemsSummaryView-module-container-0xrTG`

Element location

.ProductLineItem-module-quantityText-qrOMw

Element source

<p class="ProductLineItem-module-quantityText-qrOMw">Quantity</p>

Fix any of the following:

Element has insufficient color contrast of 4.45 (foreground color: #757575, background color: #fbfbfb, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

.ItemsSummaryView-module-container-0xrTG

Element location

.ExpandedBundleItem-module-quantityText-MNmc3

Element source

<p class="ExpandedBundleItem-module-quantityText-MNmc3">Quantity</p>

Fix any of the following:

Element has insufficient color contrast of 4.45 (foreground color: #757575, background color: #fbfbfb, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

Related node:

.ItemsSummaryView-module-container-0xrTG