Images and media
80/100
5 findings
Merchant report
Accessibility audit for https://gymshark.com scanned on Apr 7, 2026, 9:19 PM.
Risk summary
The highest concentration of automated issues is in images and media.
4 pages scanned successfully.
Report access
Monitoring status: inactive.
Scanned pages
Coverage across homepage, PDP, collections, cart, search, and support where discoverable.
Billing connection
Unlocks and monitoring are tracked against this saved report.
Preview mode
This preview shows the top five findings and a reduced page set. Unlock the full report to review all scanned pages, developer checklist items, and remediation guidance.
Subscores
Images and media
5 findings
Navigation and structure
0 findings
Forms and inputs
0 findings
Interactive components
0 findings
Content clarity and semantics
0 findings
Jump through the report
Top actions
Add descriptive alt text for meaningful product, collection, and marketing images in Shopify admin wherever possible. This issue appears on 4 pages.
Review low-contrast text in banners, promo badges, buttons, and sale messaging first because merchants often control those colors and images. This issue appears on 1 page.
Developer checklist
https://gymshark.com
Context
https://gymshark.com · Homepage
Evidence
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 attribu...
Why it matters
People using screen readers may miss the meaning of product and promotional images when the image has no usable text alternative.
Suggested fix
Add descriptive alt text for meaningful product, collection, and marketing images in Shopify admin wherever possible.
Selector
#dropdown-\:rc\: > span > .store-selector_default-option--footer__RjLph.store-selector_option___JsM_ > img[loading="lazy"]
WCAG 2.2 - 1.1.1 Non-text Content
https://gymshark.com/collections/t-shirts-tops/mens
Context
https://gymshark.com/collections/t-shirts-tops/mens · Collection
Evidence
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 attribu...
Why it matters
People using screen readers may miss the meaning of product and promotional images when the image has no usable text alternative.
Suggested fix
Add descriptive alt text for meaningful product, collection, and marketing images in Shopify admin wherever possible.
Selector
#dropdown-\:r0\: > span > .store-selector_default-option--footer__RjLph.store-selector_option___JsM_ > img[loading="lazy"]
WCAG 2.2 - 1.1.1 Non-text Content
Open evidence screenshothttps://gymshark.com/collections/tanks/mens
Context
https://gymshark.com/collections/tanks/mens · Collection
Evidence
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 attribu...
Why it matters
People using screen readers may miss the meaning of product and promotional images when the image has no usable text alternative.
Suggested fix
Add descriptive alt text for meaningful product, collection, and marketing images in Shopify admin wherever possible.
Selector
#dropdown-\:r0\: > span > .store-selector_default-option--footer__RjLph.store-selector_option___JsM_ > img[loading="lazy"]
WCAG 2.2 - 1.1.1 Non-text Content
Open evidence screenshothttps://gymshark.com/pages/commitment-to-accessibility
Context
https://gymshark.com/pages/commitment-to-accessibility · Support
Evidence
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 attribu...
Why it matters
People using screen readers may miss the meaning of product and promotional images when the image has no usable text alternative.
Suggested fix
Add descriptive alt text for meaningful product, collection, and marketing images in Shopify admin wherever possible.
Selector
#dropdown-\:r0\: > span > .store-selector_default-option--footer__RjLph.store-selector_option___JsM_ > img[loading="lazy"]
WCAG 2.2 - 1.1.1 Non-text Content
Open evidence screenshothttps://gymshark.com
Context
https://gymshark.com · Homepage
Evidence
Fix any of the following: Element has insufficient color contrast of 1.74 (foreground color: #bbbcbc, background color: #f5f5f5, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
Why it matters
Text or controls may be difficult to read or identify if foreground and background colors do not separate clearly enough.
Suggested fix
Review low-contrast text in banners, promo badges, buttons, and sale messaging first because merchants often control those colors and images.
Selector
.header_mobile-header-search__Grl4f > .search_search-trigger__ZwXt7[aria-label="search"][data-testid="search-searchTrigger-select"] > span
Element label
What are you looking for today?
WCAG 2.2 - 1.4.3 Contrast (Minimum)
Open evidence screenshotShopify fix guide
Merchant step
Add descriptive alt text for meaningful product, collection, and marketing images in Shopify admin wherever possible.
Developer hint
Ensure theme templates output `alt` text for meaningful media and use `alt=""` only for decorative images that are already explained nearby.
Shopify notes
Start with product media alt text in Shopify admin, then check any theme sections that render image blocks or icon collections. Review the featured sections on the homepage, especially hero media, slideshow, and promotional blocks.
WCAG
WCAG 2.2 - 1.1.1 Non-text Content
Merchant step
Review low-contrast text in banners, promo badges, buttons, and sale messaging first because merchants often control those colors and images.
Developer hint
Adjust theme color tokens or component styles to raise text/control contrast without relying only on manual exceptions.
Shopify notes
Contrast problems often come from theme color settings, image overlays, or product badges with insufficient contrast. Review the featured sections on the homepage, especially hero media, slideshow, and promotional blocks.
WCAG
WCAG 2.2 - 1.4.3 Contrast (Minimum)
Scanned pages
https://gymshark.com
Open page screenshothttps://gymshark.com/collections/t-shirts-tops/mens
Open page screenshothttps://gymshark.com/collections/tanks/mens
Open page screenshothttps://gymshark.com/pages/commitment-to-accessibility
Open page screenshotImportant notes