Axe-core® Accessibility Results

axe-core found 6 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	2
2	Images must have alternative text	image-alt	WCAG 2 Level A, WCAG 1.1.1	critical	4

Failed

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 `.swiper-button-disabled` Element source `<button class="TeaserCarousel-module-arrowButton-e5bx9 swiper-button-disabled" data-testid="arrow-button-left" disabled="">`	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	Element location `button[data-testid="arrow-button-right"]` Element source `<button class="TeaserCarousel-module-arrowButton-e5bx9" data-testid="arrow-button-right">`	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

.swiper-button-disabled

Element source

<button class="TeaserCarousel-module-arrowButton-e5bx9 swiper-button-disabled" data-testid="arrow-button-left" disabled="">

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

button[data-testid="arrow-button-right"]

Element source

<button class="TeaserCarousel-module-arrowButton-e5bx9" data-testid="arrow-button-right">

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. Images must have alternative text

Learn more

image-alt

WCAG 2 Level A, WCAG 1.1.1

Ensure <img> elements have alternative text or a role of none or presentation

critical

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

#	Issue Description	To solve this violation, you need to...
1	Element location `.swiper-slide-active > .TeaserCarousel-module-slide-jOQwD > .ComprehensiveProductCard-module-card-HDJlM.light-theme[data-testid="product-card"] > .ComprehensiveProductCard-module-priceInfo-0DVsq[data-testid="price-information"] > img[src$="logo-black.svg"]` Element source `<img src="img/logo-black.svg">`	Fix any of the following: Element does not have an alt attribute 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's default semantics were not overridden with role="none" or role="presentation"
2	Element location `.swiper-slide-next > .TeaserCarousel-module-slide-jOQwD > .ComprehensiveProductCard-module-card-HDJlM.light-theme[data-testid="product-card"] > .ComprehensiveProductCard-module-priceInfo-0DVsq[data-testid="price-information"] > img[src$="logo-black.svg"]` Element source `<img src="img/logo-black.svg">`	Fix any of the following: Element does not have an alt attribute 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's default semantics were not overridden with role="none" or role="presentation"
3	Element location `.swiper-slide.TeaserCarousel-module-swiperSlide-MsCO3:nth-child(3) > .TeaserCarousel-module-slide-jOQwD > .ComprehensiveProductCard-module-card-HDJlM.light-theme[data-testid="product-card"] > .ComprehensiveProductCard-module-priceInfo-0DVsq[data-testid="price-information"] > img[src$="logo-black.svg"]` Element source `<img src="img/logo-black.svg">`	Fix any of the following: Element does not have an alt attribute 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's default semantics were not overridden with role="none" or role="presentation"
4	Element location `.swiper-slide.TeaserCarousel-module-swiperSlide-MsCO3:nth-child(4) > .TeaserCarousel-module-slide-jOQwD > .ComprehensiveProductCard-module-card-HDJlM.light-theme[data-testid="product-card"] > .ComprehensiveProductCard-module-priceInfo-0DVsq[data-testid="price-information"] > img[src$="logo-black.svg"]` Element source `<img src="img/logo-black.svg">`	Fix any of the following: Element does not have an alt attribute 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's default semantics were not overridden with role="none" or role="presentation"