Axe-core® Accessibility Results

axe-core found 1 violation

#	Description	Axe rule ID	WCAG	Impact	Count
1	Interactive controls must not be nested	nested-interactive	WCAG 2 Level A, WCAG 4.1.2	serious	1

Failed

1. 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 RGAAv4 RGAA-7.1.1

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

#	Issue Description	To solve this violation, you need to...
1	Element location `.MultibrandMultipleFlavorsSelector-module-togglers-nnVcb[role="button"]` Element source `<div class="MultibrandMultipleFlavorsSelector-module-togglers-nnVcb" role="button">`	Fix any of the following: Element has focusable descendants Related node: `.MultibrandMultipleFlavorsSelector-module-togglers-nnVcb[role="button"] > .MultibrandMultipleFlavorSelectorToggler-module-container-kbqcu[type="button"]:nth-child(1)` `.MultibrandMultipleFlavorsSelector-module-togglers-nnVcb[role="button"] > .MultibrandMultipleFlavorSelectorToggler-module-container-kbqcu[type="button"]:nth-child(2)`

Element location

.MultibrandMultipleFlavorsSelector-module-togglers-nnVcb[role="button"]

Element source

<div class="MultibrandMultipleFlavorsSelector-module-togglers-nnVcb" role="button">

Fix any of the following:

Element has focusable descendants

Related node:

.MultibrandMultipleFlavorsSelector-module-togglers-nnVcb[role="button"] > .MultibrandMultipleFlavorSelectorToggler-module-container-kbqcu[type="button"]:nth-child(1)

.MultibrandMultipleFlavorsSelector-module-togglers-nnVcb[role="button"] > .MultibrandMultipleFlavorSelectorToggler-module-container-kbqcu[type="button"]:nth-child(2)