Back to Accessibility Report

Axe-core® Accessibility Results

axe-core found 10 violations

# Description Axe rule ID WCAG Impact Count
1 ARIA role should be appropriate for the element aria-allowed-role Best practice minor 6
2 [role="img"] elements must have an alternative text role-img-alt WCAG 2 Level A, WCAG 1.1.1 serious 4

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-e4Tqm > .SingleFlavorSelector-module-sticksList-e9jte > li:nth-child(1) > .SingleFlavorBlock-module-active-v5G6l.SingleFlavorBlock-module-block-eisWm.SingleFlavorBlock-module-outOfStock-kWnu4

Element source

<section class="SingleFlavorBlock-module-block-eisWm SingleFlavorBlock-module-outOfStock-kWnu4 SingleFlavorBlock-module-active-v5G6l" 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
2

Element location

.Drawer-module-drawerBody-e4Tqm > .SingleFlavorSelector-module-sticksList-e9jte > li:nth-child(2) > .SingleFlavorBlock-module-block-eisWm.SingleFlavorBlock-module-outOfStock-kWnu4[data-testid="single-flavor-stick-block"]

Element source

<section class="SingleFlavorBlock-module-block-eisWm SingleFlavorBlock-module-outOfStock-kWnu4" 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
3

Element location

.Drawer-module-drawerBody-e4Tqm > .SingleFlavorSelector-module-sticksList-e9jte > li:nth-child(3) > .SingleFlavorBlock-module-block-eisWm.SingleFlavorBlock-module-outOfStock-kWnu4[data-testid="single-flavor-stick-block"]

Element source

<section class="SingleFlavorBlock-module-block-eisWm SingleFlavorBlock-module-outOfStock-kWnu4" 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-e4Tqm > .SingleFlavorSelector-module-sticksList-e9jte > li:nth-child(4) > .SingleFlavorBlock-module-block-eisWm.SingleFlavorBlock-module-outOfStock-kWnu4[data-testid="single-flavor-stick-block"]

Element source

<section class="SingleFlavorBlock-module-block-eisWm SingleFlavorBlock-module-outOfStock-kWnu4" 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
5

Element location

.Drawer-module-drawerBody-e4Tqm > .SingleFlavorSelector-module-sticksList-e9jte > li:nth-child(5) > .SingleFlavorBlock-module-block-eisWm.SingleFlavorBlock-module-outOfStock-kWnu4[data-testid="single-flavor-stick-block"]

Element source

<section class="SingleFlavorBlock-module-block-eisWm SingleFlavorBlock-module-outOfStock-kWnu4" 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
6

Element location

.Drawer-module-drawerBody-e4Tqm > .SingleFlavorSelector-module-sticksList-e9jte > li:nth-child(6) > .SingleFlavorBlock-module-block-eisWm.SingleFlavorBlock-module-outOfStock-kWnu4[data-testid="single-flavor-stick-block"]

Element source

<section class="SingleFlavorBlock-module-block-eisWm SingleFlavorBlock-module-outOfStock-kWnu4" 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

2. [role="img"] elements must have an alternative text

Learn more

role-img-alt

WCAG 2 Level A, WCAG 1.1.1

Ensure [role="img"] elements have alternative text

serious

Issue Tags: cat.text-alternatives wcag2a wcag111 section508 section508.22.a TTv5 TT7.a EN-301-549 EN-9.1.1.1 ACT

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

Element location

label[for=":r2:"] > .RadioCard-module-radioBox-kG9oe > .RadioCard-module-radioIcon-no7c7 > .Image-module-container-0Cw8H.ConsumablesPackagingFormatSection-module-icon-LdNyE[role="img"]

Element source

<div class="Image-module-container-0Cw8H ConsumablesPackagingFormatSection-module-icon-LdNyE" role="img" style="background-image: url(&quot;https://m24-fe1.dev-jtides.com/media/jti_selector_matrix/icons/Screenshot_2025-05-14_at_14.55.58.png&quot;);"></div>

Fix any of the following:

  • 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
2

Element location

label[for=":r3:"] > .RadioCard-module-radioBox-kG9oe > .RadioCard-module-radioIcon-no7c7 > .Image-module-container-0Cw8H.ConsumablesPackagingFormatSection-module-icon-LdNyE[role="img"]

Element source

<div class="Image-module-container-0Cw8H ConsumablesPackagingFormatSection-module-icon-LdNyE" role="img" style="background-image: url(&quot;https://m24-fe1.dev-jtides.com/media/jti_selector_matrix/icons/Screenshot_2025-05-14_at_14.56.05.png&quot;);"></div>

Fix any of the following:

  • 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
3

Element location

label[for=":r4:"] > .RadioCard-module-radioBox-kG9oe > .RadioCard-module-radioIcon-no7c7 > .Image-module-container-0Cw8H.ConsumablesPackagingFormatSection-module-icon-LdNyE[role="img"]

Element source

<div class="Image-module-container-0Cw8H ConsumablesPackagingFormatSection-module-icon-LdNyE" role="img" style="background-image: url(&quot;https://m24-fe1.dev-jtides.com/media/jti_selector_matrix/icons/Screenshot_2025-05-14_at_14.56.15_1.png&quot;);"></div>

Fix any of the following:

  • 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
4

Element location

label[for=":r5:"] > .RadioCard-module-radioBox-kG9oe > .RadioCard-module-radioIcon-no7c7 > .Image-module-container-0Cw8H.ConsumablesPackagingFormatSection-module-icon-LdNyE[role="img"]

Element source

<div class="Image-module-container-0Cw8H ConsumablesPackagingFormatSection-module-icon-LdNyE" role="img" style="background-image: url(&quot;https://m24-fe1.dev-jtides.com/media/jti_selector_matrix/icons/Screenshot_2025-05-14_at_14.56.10_1.png&quot;);"></div>

Fix any of the following:

  • 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