Back to Accessibility Report

Axe-core® Accessibility Results

axe-core found 6 violations

# Description Axe rule ID WCAG Impact Count
1 ARIA role should be appropriate for the element aria-allowed-role Best practice minor 5
2 All page content should be contained by landmarks region Best practice moderate 1

Failed

1. ARIA role should be appropriate for the element

Learn more

aria-allowed-role

Best practice

Ensure role attribute has an appropriate value for the element

minor

Issue Tags: cat.aria best-practice

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

Element location

.Drawer-module-drawerBody-pc1Km > .SingleFlavorSelector-module-sticksList-8eb-N > li:nth-child(1) > .SingleFlavorBlock-module-active-\+h\+HZ.undefined.SingleFlavorBlock-module-block-Tfss1

Element source

<section class="SingleFlavorBlock-module-block-Tfss1 undefined SingleFlavorBlock-module-active-+h+HZ" data-testid="single-flavor-stick-block" role="button" tabindex="0" aria-disabled="false">

Fix any of the following:

  • ARIA role button is not allowed for given element
2

Element location

.Drawer-module-drawerBody-pc1Km > .SingleFlavorSelector-module-sticksList-8eb-N > li:nth-child(2) > .undefined.SingleFlavorBlock-module-block-Tfss1[data-testid="single-flavor-stick-block"]

Element source

<section class="SingleFlavorBlock-module-block-Tfss1 undefined" data-testid="single-flavor-stick-block" role="button" tabindex="0" aria-disabled="false">

Fix any of the following:

  • ARIA role button is not allowed for given element
3

Element location

.Drawer-module-drawerBody-pc1Km > .SingleFlavorSelector-module-sticksList-8eb-N > li:nth-child(3) > .SingleFlavorBlock-module-outOfStock-A1qH1.SingleFlavorBlock-module-block-Tfss1[data-testid="single-flavor-stick-block"]

Element source

<section class="SingleFlavorBlock-module-block-Tfss1 SingleFlavorBlock-module-outOfStock-A1qH1" data-testid="single-flavor-stick-block" role="button" tabindex="0" aria-disabled="true">

Fix any of the following:

  • ARIA role button is not allowed for given element
4

Element location

.Drawer-module-drawerBody-pc1Km > .SingleFlavorSelector-module-sticksList-8eb-N > li:nth-child(4) > .undefined.SingleFlavorBlock-module-block-Tfss1[data-testid="single-flavor-stick-block"]

Element source

<section class="SingleFlavorBlock-module-block-Tfss1 undefined" data-testid="single-flavor-stick-block" role="button" tabindex="0" aria-disabled="false">

Fix any of the following:

  • ARIA role button is not allowed for given element
5

Element location

.Drawer-module-drawerBody-pc1Km > .SingleFlavorSelector-module-sticksList-8eb-N > li:nth-child(5) > .undefined.SingleFlavorBlock-module-block-Tfss1[data-testid="single-flavor-stick-block"]

Element source

<section class="SingleFlavorBlock-module-block-Tfss1 undefined" data-testid="single-flavor-stick-block" role="button" tabindex="0" aria-disabled="false">

Fix any of the following:

  • ARIA role button is not allowed for given element

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

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

Element location

.Drawer-module-drawerHeadline-JBHmG

Element source

<div class="Drawer-module-drawerHeadline-JBHmG">Flavour selector</div>

Fix any of the following:

  • Some page content is not contained by landmarks