Axe-core® Accessibility Results

axe-core found 3 violations

#	Description	Axe rule ID	WCAG	Impact	Count
1	Images must have alternative text	image-alt	WCAG 2 Level A, WCAG 1.1.1	critical	1
2	Links must have discernible text	link-name	WCAG 2 Level A, WCAG 2.4.4, WCAG 4.1.2	serious	1
3	All page content should be contained by landmarks	region	Best practice	moderate	1

Failed

1. 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...

#	Issue Description	To solve this violation, you need to...
1	Element location `img` Element source `<img class="SearchCard-module-image-5SEYO" src="img/search-result.png" data-testid="searchCardImage">`	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"

Element location

img

Element source

<img class="SearchCard-module-image-5SEYO" src="img/search-result.png" data-testid="searchCardImage">

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. Links must have discernible text

Learn more

link-name

WCAG 2 Level A, WCAG 2.4.4, WCAG 4.1.2

Ensure links have discernible text

serious

Issue Tags: cat.name-role-value wcag2a wcag244 wcag412 section508 section508.22.a TTv5 TT6.a EN-301-549 EN-9.2.4.4 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 `.SearchCard-module-imageLink-VSIGb` Element source `<a href="#" class="SearchCard-module-imageLink-VSIGb" data-testid="searchCardImageLink"><img class="SearchCard-module-image-5SEYO" src="img/search-result.png" data-testid="searchCardImage"></a>`	Fix all of the following: Element is in tab order and does not have accessible text Fix any of the following: Element does not have 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 location

.SearchCard-module-imageLink-VSIGb

Element source

<a href="#" class="SearchCard-module-imageLink-VSIGb" data-testid="searchCardImageLink"><img class="SearchCard-module-image-5SEYO" src="img/search-result.png" data-testid="searchCardImage"></a>

Fix all of the following:

Element is in tab order and does not have accessible text

Fix any of the following:

Element does not have 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

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

#	Issue Description	To solve this violation, you need to...
1	Element location `#storybook-root` Element source `<div id="storybook-root">`	Fix any of the following: Some page content is not contained by landmarks

Element location

#storybook-root

Element source

<div id="storybook-root">

Fix any of the following:

Some page content is not contained by landmarks