Images and media
76/100
8 findings
Merchant report
https://gymshark.com
Accessibility audit for https://gymshark.com scanned on Apr 7, 2026, 9:20 PM.
score70/100
findings10
accessfull
Risk summary
The strongest automated risk signals are in images and media and navigation and structure.
5 pages scanned successfully.
High4
Medium6
Missing or empty alt textHigh · 4 pages
Low-confidence contrast warningMedium · 4 pages
Missing skip linkMedium · 1 page
MonitoringInactive
Report access
Unlocked report
Monitoring status: inactive.
Scanned pages
5
Coverage across homepage, PDP, collections, cart, search, and support where discoverable.
Billing connection
Not connected
Unlocks and monitoring are tracked against this saved report.
Subscores
Where the risk is concentrated.
Navigation and structure
97/100
1 findings
Forms and inputs
100/100
0 findings
Interactive components
97/100
1 findings
Content clarity and semantics
100/100
0 findings
Jump through the report
Move directly to the part you need.
Top actions
What deserves attention first.
HighEither
Missing or empty alt text
Add descriptive alt text for meaningful product, collection, and marketing images in Shopify admin wherever possible. This issue appears on 4 pages.
MediumEither
Low-confidence contrast warning
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 4 pages.
MediumDeveloper
Missing skip link
No merchant-side fix is typical here; this usually needs a theme update. This issue appears on 1 page.
MediumDeveloper
Possible weak focus indicator
Flag the page type and theme component involved so keyboard navigation can be checked manually before release. This issue appears on 1 page.
Developer checklist
Filter the findings before you work through them.
Missing or empty alt text
https://gymshark.com
Toggle details
Missing or empty alt text
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
Missing or empty alt text
https://gymshark.com/collections/t-shirts-tops/mens
Toggle details
Missing or empty alt text
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 screenshotMissing or empty alt text
https://gymshark.com/collections/tanks/mens
Toggle details
Missing or empty alt text
https://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
Missing or empty alt text
https://gymshark.com/pages/commitment-to-accessibility
Toggle details
Missing or empty alt text
https://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 screenshotMissing skip link
https://gymshark.com/account/register
Toggle details
Missing skip link
https://gymshark.com/account/register
Context
https://gymshark.com/account/register · Other
Evidence
No in-page “skip” link was detected before the main content region.
Why it matters
Keyboard users may have to tab through repeated header and navigation elements on every page without a shortcut to main content.
Suggested fix
No merchant-side fix is typical here; this usually needs a theme update.
WCAG 2.2 - 2.4.1 Bypass Blocks
Low-confidence contrast warning
https://gymshark.com
Toggle details
Low-confidence contrast warning
https://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 screenshotLow-confidence contrast warning
https://gymshark.com/collections/t-shirts-tops/mens
Toggle details
Low-confidence contrast warning
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 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 screenshotLow-confidence contrast warning
https://gymshark.com/collections/tanks/mens
Toggle details
Low-confidence contrast warning
https://gymshark.com/collections/tanks/mens
Context
https://gymshark.com/collections/tanks/mens · Collection
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 screenshotLow-confidence contrast warning
https://gymshark.com/pages/commitment-to-accessibility
Toggle details
Low-confidence contrast warning
https://gymshark.com/pages/commitment-to-accessibility
Context
https://gymshark.com/pages/commitment-to-accessibility · Support
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 screenshotPossible weak focus indicator
https://gymshark.com/account/register
Toggle details
Possible weak focus indicator
https://gymshark.com/account/register
Context
https://gymshark.com/account/register · Other
Evidence
Sampled focusable elements showed little or no visible style change on focus.
Why it matters
Keyboard users can get lost if focused controls do not show a strong visible state.
Suggested fix
Flag the page type and theme component involved so keyboard navigation can be checked manually before release.
Selector
div.c7e20bac0 > div.c1a61ed7c.c54988c4c > form.cba4b7409.c40744414 > input
WCAG 2.2 - 2.4.7 Focus Visible
Shopify fix guide
Merchant step, developer step, theme context.
Missing or empty alt text
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
Low-confidence contrast warning
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)
Missing skip link
Merchant step
No merchant-side fix is typical here; this usually needs a theme update.
Developer hint
Add a visible-on-focus skip link that targets the main content container and verify it appears before repeated navigation.
Shopify notes
The best fix usually lives in the theme layout so the skip link appears consistently across all templates. Review the theme component that renders this interaction, because the same issue may repeat across multiple templates.
WCAG
WCAG 2.2 - 2.4.1 Bypass Blocks
Possible weak focus indicator
Merchant step
Flag the page type and theme component involved so keyboard navigation can be checked manually before release.
Developer hint
Preserve visible focus outlines or add a strong replacement style with enough contrast and consistency across components.
Shopify notes
Custom buttons, sliders, drawers, and predictive-search results are common places where focus styles disappear. Review the theme component that renders this interaction, because the same issue may repeat across multiple templates.
WCAG
WCAG 2.2 - 2.4.7 Focus Visible
Scanned pages
Where AccessAudit actually looked.
Homepage2 findings
Gymshark Official Store - Gym Clothes & Workout Clothes
https://gymshark.com
Open page screenshotCollection2 findings
Men's Gym Tops & T-Shirts - Workout shirts from Gymshark
https://gymshark.com/collections/t-shirts-tops/mens
Open page screenshotCollection2 findings
Men's Gym & Workout Tanks – Tank tops from Gymshark
https://gymshark.com/collections/tanks/mens
Open page screenshotSupport2 findings
Commitment to Accessibility | Gymshark
https://gymshark.com/pages/commitment-to-accessibility
Open page screenshotOther2 findings
Sign up | Gymshark
https://gymshark.com/account/register
Open page screenshotImportant notes
- No cart entry point was detected from the homepage markup, so cart coverage may be limited.
- No product URLs were discovered automatically. The report may underrepresent product template risk until more product pages are reachable.
- This report is automated, should be paired with manual review for final decisions, and is not legal advice.