Critical
Links lack accessible text
WCAG 2.4.4 (A)8 instances1 inspected page
Links expose no accessible name, so screen-reader users cannot determine their destination.
Why it mattersLinks expose no accessible name, so screen-reader users cannot determine their destination.
Recommended correctionThis link exposes no accessible text. Add visible text that identifies its destination, or remove the link if it serves no purpose. For an icon-only link, provide an aria-label describing where it goes. The link points to /products/logan-puff-navy.
View 8 affected elements
Component · Ref PZI92J
Affected pagehttps://straye.com/
Elementa[href$="logan-puff-manta"]
Markup<a href="/products/logan-puff-manta" class="banner--full-link"></a>
Component · Ref C7G0GR
Affected pagehttps://straye.com/
Element#shopify-section-template--17911075799107__index_image_with_text_overlay_Vb8Mw4 > .mobile-text--below-media.under-overlay-menu.has-border > .image-with-text-overlay__container.equal-columns--outside-trim.container > .image-with-text-overlay__banner.columns.one-whole > .banner--full-link
Markup<a href="/products/logan-puff-glossy-red" class="banner--full-link"></a>
High
Elements must only use supported ARIA attributes
WCAG 4.1.2 (A)5 instances5 inspected pages
Elements must only use supported ARIA attributes
Why it mattersElements must only use supported ARIA attributes
Recommended correctionReview the affected element and correct the reported accessibility issue.
View 5 affected elements
Component · Ref NKOYUD
Affected pagehttps://straye.com/products/vip-one
Element.has-dropdown--vertical
Accessible nameSUPPORT
FAQ
ABOUT
SUBSCRIBE
TRACK ORDER
SHIPPING POLICY
RETURNS & EXCHANGES
COUNTERFEIT EDUCATION
Markup<div class="navbar-item header__item has-dropdown has-dropdown--vertical is-hoverable " aria-haspopup="true" aria-expanded="false" data-navlink-handle="support">
Affected pages/ /products/aciddrop /products/mystery /pages/terms-of-service /products/vip-one
High
Text has insufficient colour contrast
WCAG 1.4.3 (AA)21 instances5 inspected pages
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Why it mattersText and background colours do not meet the minimum contrast ratio, reducing legibility.
Recommended correctionIncrease the contrast ratio to at least 4.5:1 for normal text and 3:1 for large text.
View 21 affected elements
Component · Ref G0GA48
Affected pagehttps://straye.com/products/vip-one
Element.is-flex-wrap.navbar-item.is-flex
Accessible nameGLOBAL PENETRATION
Markup<p class="navbar-item is-flex is-flex-wrap">
GLOBAL PENETRATION</p> Affected pages/ /products/aciddrop /products/mystery /pages/terms-of-service /products/vip-one
Component · Ref Z39TZR
Affected pagehttps://straye.com/products/mystery
Elementspan[data-compare-at-price=""] > .money[data-price=""]
Accessible name$40.00
Markup<span class="money" data-price="">$40.00</span>
Affected pages/products/aciddrop /products/mystery
Component · Ref 6IVDFM
Affected pagehttps://straye.com/products/mystery
Element.text
Accessible nameAdd to cart
Markup<span class="text">Add to cart</span>
Affected pages/products/aciddrop /products/mystery /products/vip-one
Component · Ref KE4M01
Affected pagehttps://straye.com/products/mystery
Elementlabel[for="6954721017923-10"]
Accessible nameM11 | W13
Markup<label data-variant-option-value-label="" for="6954721017923-10">
M11 | W13 <span class="crossed-out" aria-label="Sold Out" alt="Sold Out"></span></label> Component · Ref 6JDTB2
Affected pagehttps://straye.com/
Element#rich-text-01M1DKATWJB795ESTG1ZZMCH4C > p > span
Accessible nameEARLY ACCESS. EXCLUSIVES. NEW DROPS
Markup<span style="color: rgb(0, 0, 0); font-family: Helvetica, Arial, sans-serif; font-size: 10px;">EARLY ACCESS. EXCLUSIVES. NEW DROPS</span>
Component · Ref 5JC17A
Affected pagehttps://straye.com/
Elementh1 > span
Accessible nameTAKE 10% OFF YOUR FIRST ORDER
Markup<span style="font-family: Helvetica, Arial, sans-serif;">TAKE 10% OFF YOUR FIRST ORDER</span>
Component · Ref 3H1U8Y
Affected pagehttps://straye.com/
Element.go444881012
Accessible nameGET MY CODE
Markup<button type="button" tabindex="0" data-action-id="01M1DKATV8E4ZJ5CPCHV9Q59GV" class="needsclick go444881012 go4033861592 klaviyo-form-button kl-private-reset-css-Xuajs1">GET MY CODE</button>
Component · Ref X44O5S
Affected pagehttps://straye.com/
Element#email_01M1DKATWSFJMWN6E7HW45AQHY
Accessible nameYOUR EMAIL ADDRESS
Markup<input id="email_01M1DKATWSFJMWN6E7HW45AQHY" type="email" autocomplete="email" name="email" tabindex="0" placeholder="YOUR EMAIL ADDRESS" aria-label="YOUR EMAIL ADDRESS" aria-required="true" aria-invalid="false" options="[object Object]" class="needsclick go3835768395 kl-private-reset-css-Xuajs1">
Component · Ref HM8CCC
Affected pagehttps://straye.com/
Element#rich-text-01M1DKATX7N2ETNTV3J556Z636 > div > span
Accessible name*FIRST-TIME ONLY. EXCLUDES SALE ITEMS.
Markup<span style="font-family: Helvetica, Arial, sans-serif; font-size: 10px;">*FIRST-TIME ONLY. EXCLUDES SALE ITEMS.</span>
High
IDs used in ARIA and labels must be unique
WCAG 4.1.2 (A)10 instances5 inspected pages
IDs used in ARIA and labels must be unique
Why it mattersIDs used in ARIA and labels must be unique
Recommended correctionReview the affected element and correct the reported accessibility issue.
View 10 affected elements
Component · Ref 2L61Z8
Affected pagehttps://straye.com/
Elementdiv[data-navlink-handle="straye"] > .mega-menu__sections--17911070195779__mega_menu_zwqGFf.mega-menu__section > .no-js-main-navigation[type="radio"][name="no-js-main-navigation"]
Markup<input class="no-js-main-navigation" type="radio" id="mega-straye" name="no-js-main-navigation">
Affected pages/ /products/aciddrop /products/mystery /pages/terms-of-service /products/vip-one
High
Hidden elements can still receive keyboard focus
WCAG 2.4.3 (A)50 instances5 inspected pages
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Why it mattersAn element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Recommended correctionKeep this element out of the tab order while its containing region is hidden — remove it from focus (for example tabindex="-1"), or apply the inert attribute to the hidden container where supported. Restore normal focusability when the region becomes visible.
View 50 affected elements
Component · Ref 1A5R7L
Affected pagehttps://straye.com/pages/terms-of-service
Elementdiv:nth-of-type(4) > div > div > ul > li:nth-of-type(1) > a
Accessible nameBOXERS
Markup<a href="/collections/krew-boxers" class="mega-menu__linklist-link ">
BOXERS</a> Affected pages/ /products/aciddrop /products/mystery /pages/terms-of-service /products/vip-one
High
Page has no main landmark
WCAG 1.3.1 (A)5 instances5 inspected pages
No <main> or role=main region is present, so screen reader users cannot jump to primary content.
Why it mattersNo <main> or role=main region is present, so screen reader users cannot jump to primary content.
Recommended correctionWrap the primary content in a single <main> element or role=main region.
View 5 affected elements
Component · Ref T5FKH5
Affected pagehttps://straye.com/pages/terms-of-service
Elementhtml > body
Accessible name:root {
--color-body-text: #272827;
--color-body: #ffffff;
--color-bg: #ffffff;
}
#shopify-section-sections--17911070195779__header_top_bar {
background-color:#272827;
width: 100%;
}
#shopify-section-sections--17911070195779__header_top_bar .top-bar {
font-family: Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 0px;
font-size: 10px;
text-transform: uppercase;
}#shopify-section-sections--17911070195779__header_top_bar
a,
.header__link .disclosure__toggle,
.header__link .disclosure__button {
color:#ffffff;
}#shopify-section-sections--17911070195779__header_top_bar
a:hover,
.header__link .disclosure__toggle:hover,
.header__link .disclosure__button:hover {
color:#dddddd;
}#shopify-section-sections--17911070195779__header_top_bar
p {
color:#555555;
}
KREW
STRAYE
GLOBAL PENETRATION
.overlay-logo__content {
display: block;
}
.logo__content {
display: none;
}
.is-sticky .overlay-logo__content {
display: none !important;
}
.is-sticky .logo__content {
display: block !important;
}
.overlay-logo__content img,
.logo__content img {
max-height: 60px;
height: auto;
width: auto;
}
.is-sticky .logo__content img {
max-height: 30px;
}
#shopify-section-sections--17911070195779__header {
padding-top: px;
padding-bottom: px;
width: 100%;
}
#shopify-section-sections--17911070195779__header .header__logo,
.logo__content {
width: 100px;
}#shopify-section-sections--17911070195779__header
.is-sticky .header__logo,
.is-sticky #mobile-header .mobile-header__logo {
width: 80px;
}#shopify-section-sections--17911070195779__header .header-sticky-wrapper.is-sticky .header {
background-color: rgba(255, 255, 255, 0.9);
}#shopify-section-sections--17911070195779__header
#mobile-header-sticky-wrapper.is-sticky .mobile-header {
background-color: rgba(255, 255, 255, 0.9);
}#shopify-section-sections--17911070195779__header
.mobile-menu--opened #mobile-header-sticky-wrapper.is-sticky .mobile-header {
background-color: #ffffff;
}
KREW
.mega-menu__sections--17911070195779__mega_menu_9FrRgn .mega-menu {
background-color: #ffffff !important;
color: #000000;
}
.mega-menu__sections--17911070195779__mega_menu_9FrRgn .mega-menu__banner {
background-color: #ffffff;
color: #ffffff;
}
.mega-menu__sections--17911070195779__mega_menu_9FrRgn .mega-menu__banner a {
color: #ffffff;
}
.mega-menu__sections--17911070195779__mega_menu_9FrRgn .mega-menu__banner.has-link:hover {
background-color: #f2f2f2;
}
BOTTOMS
SLACKERS
JEANS
SWEATPANTS
VIEW ALL
TOPS
HOODIES
T-SHIRTS
VIEW ALL
EXTRAS
BOXERS
ACCESSORIES
VIEW ALL
{
"parent_link": "krew",
"section_id": "sections--17911070195779__mega_menu_9FrRgn"
}
STRAYE
.mega-menu__sections--17911070195779__mega_menu_zwqGFf .mega-menu {
background-color: #ffffff !important;
color: #000000;
}
.mega-menu__sections--17911070195779__mega_menu_zwqGFf .mega-menu__banner {
background-color: #ffffff;
color: #ffffff;
}
.mega-menu__sections--17911070195779__mega_menu_zwqGFf .mega-menu__banner a {
color: #ffffff;
}
.mega-menu__sections--17911070195779__mega_menu_zwqGFf .mega-menu__banner.has-link:hover {
background-color: #f2f2f2;
}
FOOTWEAR
NEW HEAT
LOGAN PUFF
LOGAN
LOGAN TEDDY
OLYMPIC
FUEGO
SKTP.01
VDR.01
HOLLYWOOD
STOMPERS
MULES
VENICE
GOWER
LENOX
VENTURA
VIEW ALL
CLOTHING
NEW GEAR
SWEATS
HOODIES
L/S T-SHIRTS
S/S T-SHIRTS
HEADWEAR
VIEW ALL
EXTRAS
ACIDDROP INSOLES
SOCKS
LACES
ACCESSORIES
GIFT CARD
VIEW ALL
KIDS
FOOTWEAR
CLOTHING
VIEW ALL
SALE
SALE
MYSTERY
{
"parent_link": "straye",
"section_id": "sections--17911070195779__mega_menu_zwqGFf"
}
SUPPORT
FAQ
ABOUT
SUBSCRIBE
TRACK ORDER
SHIPPING POLICY
RETURNS & EXCHANGES
COUNTERFEIT EDUCATION
Search
Login
0
Cart
0
.mobile-menu {
background-color: #ffffff;
}.mobile-menu-link,
.mobile-menu__item,
.mobile-menu a {
color: #000000;
}.mobile-menu-link:hover,
.mobile-menu__item:hover,
.mobile-menu a:hover {
color: #666666;
}
KREW
.mega-menu__sections--17911070195779__mega_menu_9FrRgn .mega-menu {
background-color: #ffffff !important;
color: #000000;
}
.mega-menu__sections--17911070195779__mega_menu_9FrRgn .mega-menu__banner {
background-color: #ffffff;
color: #ffffff;
}
.mega-menu__sections--17911070195779__mega_menu_9FrRgn .mega-menu__banner a {
color: #ffffff;
}
.mega-menu__sections--17911070195779__mega_menu_9FrRgn .mega-menu__banner.has-link:hover {
background-color: #f2f2f2;
}
BOTTOMS
SLACKERS
JEANS
SWEATPANTS
VIEW ALL
TOPS
HOODIES
T-SHIRTS
VIEW ALL
EXTRAS
BOXERS
ACCESSORIES
VIEW ALL
{
"parent_link": "krew",
"section_id": "sections--17911070195779__mega_menu_9FrRgn"
}
STRAYE
.mega-menu__sections--17911070195779__mega_menu_zwqGFf .mega-menu {
background-color: #ffffff !important;
color: #000000;
}
.mega-menu__sections--17911070195779__mega_menu_zwqGFf .mega-menu__banner {
background-color: #ffffff;
color: #ffffff;
}
.mega-menu__sections--17911070195779__mega_menu_zwqGFf .mega-menu__banner a {
color: #ffffff;
}
.mega-menu__sections--17911070195779__mega_menu_zwqGFf .mega-menu__banner.has-link:hover {
background-color: #f2f2f2;
}
FOOTWEAR
NEW HEAT
LOGAN PUFF
LOGAN
LOGAN TEDDY
OLYMPIC
FUEGO
SKTP.01
VDR.01
HOLLYWOOD
STOMPERS
MULES
VENICE
GOWER
LENOX
VENTURA
VIEW ALL
CLOTHING
NEW GEAR
SWEATS
HOODIES
L/S T-SHIRTS
S/S T-SHIRTS
HEADWEAR
VIEW ALL
…[truncated by Evolize: exceeded D1 value limit]
Markup<body class="page
page-terms-of-service
page-page
route-pages-terms-of-service
vendor-straye
" data-money-format="${{ amount }}" data-shop-url="https://straye.com" data-current-lang="en" data-site-header-layout="classic" data-upcart-cart-enabled="true"> <svg class="icon-star-reference" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="3 3 17 17" fill="none"> <symbol id="icon-star"> <rect class="icon-star-background" width="20" height="20" fill="currentColor"></rect> <path d="M10 3L… Affected pages/ /products/aciddrop /products/mystery /pages/terms-of-service /products/vip-one
High
Modal dialog does not trap keyboard focus
WCAG 2.4.3 (A)1 instance1 inspected page
An open modal leaves the content behind it keyboard-focusable, so keyboard and screen reader users can tab out of the dialog into hidden page content.
Why it mattersAn open modal leaves the content behind it keyboard-focusable, so keyboard and screen reader users can tab out of the dialog into hidden page content.
Recommended correctionWhile a modal is open, confine focus to the dialog and mark the rest of the page inert (or aria-hidden). Restore focus on close.
View 1 affected element
Component · Ref AFX0PR
Affected pagehttps://straye.com/
Elementhtml > body > div:nth-of-type(20) > div > div:nth-of-type(2)
Accessible namePOPUP Form
Roledialog
Markup<div role="dialog" aria-modal="true" aria-label="POPUP Form" class="needsclick kl-private-reset-css-Xuajs1" style="display: flex; z-index: 90000; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; justify-content: center; align-items: center; overflow: clip auto; background-color: rgba(20, 20, 20, 0.6); animation-timing-function: ease; animation-play-state: running; animation-iteration-count: 1; animation-fill-mode: forwards; animation-delay: 0s; animation-duration: 0.35s; animation-name: klaviyo-fadein;" data-kl-scroll-locking-modal="true"><div class="needsclick kl-private-res…
Medium
Content sits outside any landmark region
WCAG 1.3.1 (A)5 instances5 inspected pages
Meaningful content is not contained in a landmark (header/nav/main/footer/aside), so assistive-technology users cannot reach it via landmark navigation.
Why it mattersMeaningful content is not contained in a landmark (header/nav/main/footer/aside), so assistive-technology users cannot reach it via landmark navigation.
Recommended correctionWrap primary content in <main> and other regions in appropriate landmark elements.
View 5 affected elements
Component · Ref 1CPYFD
Affected pagehttps://straye.com/products/mystery
Elementdiv#shopify-section-sections--17911070195779__header_top_bar > section > div
Accessible nameKREW
STRAYE
GLOBAL PENETRATION
Markup<div class="container"> <header class="top-bar navbar is-justify-space-between one-whole column "> <div class="top-bar__menu is-justify-start"> <div class="top-bar__menu-items is-flex is-flex-wrap "> <a href="/pages/krew" class="navbar-link is-arrowless ">
KREW</a> <a href="https://straye.com" class="navbar-link is-arrowless ">
STRAYE</a></div></div> <div class="top-bar__item top-bar__text"> <p class="navbar-item is-flex is-flex-wrap">
GLOBAL PENETRATION</p></div></header></div> Affected pages/ /products/aciddrop /products/mystery /pages/terms-of-service /products/vip-one
Medium
Carousel has no accessible controls
WCAG 2.1.1 (A)3 instances3 inspected pages
A carousel/slider exposes no previous/next or pause controls, so keyboard and assistive-technology users cannot navigate or stop it. Requires manual review of the specific widget.
Why it mattersA carousel/slider exposes no previous/next or pause controls, so keyboard and assistive-technology users cannot navigate or stop it. Requires manual review of the specific widget.
Recommended correctionProvide keyboard-operable previous/next controls and a pause control for auto-advancing carousels, with accessible names.
View 3 affected elements
Component · Ref VB7HNF
Affected pagehttps://straye.com/products/mystery
Elementdiv#shopify-section-template--17911076814915__main > section > div > div > div:nth-of-type(2) > div
Accessible name<img src="//straye.com/cdn/shop/files/mystery6.2025_1200x.jpg?v=1748964996"
alt="MYSTERY"
class="lazyloaded lazyload fallbackImage" />
Markup<div class="product-gallery
product-gallery__thumbnails--false
product-gallery--media-amount-1
slideshow-transition--slide
display-arrows--
" data-enable-zoom="false" data-video-loop="false"> <div class="product-gallery__main slideshow-transition--slide flickity-resize" data-product-id="6954721017923" data-media-count="1"> <div class="product-gallery__image " data-product-id="6954721017923" data-title="" data-media-type="image"> <div class="image__container" style="max-width: 2000px"> <img id="26116359782467" class="lazyl… Affected pages/products/aciddrop /products/mystery /products/vip-one
Medium
Elements must only use permitted ARIA attributes
WCAG 4.1.2 (A)20 instances2 inspected pages
Elements must only use permitted ARIA attributes
Why it mattersElements must only use permitted ARIA attributes
Recommended correctionReview the affected element and correct the reported accessibility issue.
View 20 affected elements
Component · Ref OZMKV0
Affected pagehttps://straye.com/products/mystery
Element.m13-w15-swatch
Accessible nameM13 | W15
Markup<div aria-label="M13 | W15" tabindex="0" data-value="M13 | W15" data-value-handle="m13-w15" class="swatch-element m13-w15-swatch">
Component · Ref D1JRC0
Affected pagehttps://straye.com/products/mystery
Element.m8-w10-swatch
Accessible nameM8 | W10
Markup<div aria-label="M8 | W10" tabindex="0" data-value="M8 | W10" data-value-handle="m8-w10" class="swatch-element m8-w10-swatch">
Component · Ref PDTZWO
Affected pagehttps://straye.com/products/mystery
Element.m12-w14-swatch
Accessible nameM12 | W14
Markup<div aria-label="M12 | W14" tabindex="0" data-value="M12 | W14" data-value-handle="m12-w14" class="swatch-element m12-w14-swatch">
Component · Ref FB8TZR
Affected pagehttps://straye.com/products/aciddrop
Element.xs-m3-4-5-swatch
Accessible nameXS | M3-4.5
Markup<div aria-label="XS | M3-4.5" tabindex="0" data-value="XS | M3-4.5" data-value-handle="xs-m3-4-5" class="swatch-element xs-m3-4-5-swatch">
Component · Ref TDCLXZ
Affected pagehttps://straye.com/products/mystery
Element.m10-w12-swatch
Accessible nameM10 | W12
Markup<div aria-label="M10 | W12" tabindex="0" data-value="M10 | W12" data-value-handle="m10-w12" class="swatch-element m10-w12-swatch">
Component · Ref SGNWIN
Affected pagehttps://straye.com/products/mystery
Element.m7-w9-swatch
Accessible nameM7 | W9
Markup<div aria-label="M7 | W9" tabindex="0" data-value="M7 | W9" data-value-handle="m7-w9" class="swatch-element m7-w9-swatch">
Component · Ref A32A1W
Affected pagehttps://straye.com/products/mystery
Element.m9-w11-swatch
Accessible nameM9 | W11
Markup<div aria-label="M9 | W11" tabindex="0" data-value="M9 | W11" data-value-handle="m9-w11" class="swatch-element m9-w11-swatch">
Component · Ref S8BORK
Affected pagehttps://straye.com/products/aciddrop
Element.xxl-m11-13-swatch
Accessible nameXXL | M11-13
Markup<div aria-label="XXL | M11-13" tabindex="0" data-value="XXL | M11-13" data-value-handle="xxl-m11-13" class="swatch-element xxl-m11-13-swatch">
Component · Ref R18THA
Affected pagehttps://straye.com/products/mystery
Element.m10-5-w12-5-swatch
Accessible nameM10.5 | W12.5
Markup<div aria-label="M10.5 | W12.5" tabindex="0" data-value="M10.5 | W12.5" data-value-handle="m10-5-w12-5" class="swatch-element m10-5-w12-5-swatch">
Component · Ref TVHPIP
Affected pagehttps://straye.com/products/mystery
Element.m14-w16-swatch
Accessible nameM14 | W16
Markup<div aria-label="M14 | W16" tabindex="0" data-value="M14 | W16" data-value-handle="m14-w16" class="swatch-element m14-w16-swatch">
Component · Ref MI41YB
Affected pagehttps://straye.com/products/mystery
Element.m5-w7-swatch
Accessible nameM5 | W7
Markup<div aria-label="M5 | W7" tabindex="0" data-value="M5 | W7" data-value-handle="m5-w7" class="swatch-element m5-w7-swatch">
Component · Ref MIF8SH
Affected pagehttps://straye.com/products/mystery
Element.m9-5-w11-5-swatch
Accessible nameM9.5 | W11.5
Markup<div aria-label="M9.5 | W11.5" tabindex="0" data-value="M9.5 | W11.5" data-value-handle="m9-5-w11-5" class="swatch-element m9-5-w11-5-swatch">
Component · Ref CV3K64
Affected pagehttps://straye.com/products/mystery
Element.m4-w6-swatch
Accessible nameM4 | W6
Markup<div aria-label="M4 | W6" tabindex="0" data-value="M4 | W6" data-value-handle="m4-w6" class="swatch-element m4-w6-swatch">
Component · Ref UBS1MY
Affected pagehttps://straye.com/products/aciddrop
Element.s-m5-6-swatch
Accessible nameS | M5-6
Markup<div aria-label="S | M5-6" tabindex="0" data-value="S | M5-6" data-value-handle="s-m5-6" class="swatch-element s-m5-6-swatch">
Component · Ref CSTAC7
Affected pagehttps://straye.com/products/aciddrop
Element.m-m6-5-7-5-swatch
Accessible nameM | M6.5-7.5
Markup<div aria-label="M | M6.5-7.5" tabindex="0" data-value="M | M6.5-7.5" data-value-handle="m-m6-5-7-5" class="swatch-element m-m6-5-7-5-swatch">
Component · Ref WQG7T2
Affected pagehttps://straye.com/products/aciddrop
Element.xl-m9-5-10-5-swatch
Accessible nameXL | M9.5-10.5
Markup<div aria-label="XL | M9.5-10.5" tabindex="0" data-value="XL | M9.5-10.5" data-value-handle="xl-m9-5-10-5" class="swatch-element xl-m9-5-10-5-swatch">
Component · Ref BN3U4H
Affected pagehttps://straye.com/products/mystery
Element.m6-w8-swatch
Accessible nameM6 | W8
Markup<div aria-label="M6 | W8" tabindex="0" data-value="M6 | W8" data-value-handle="m6-w8" class="swatch-element m6-w8-swatch">
Component · Ref X0RLLF
Affected pagehttps://straye.com/products/mystery
Element.m8-5-w10-5-swatch
Accessible nameM8.5 | W10.5
Markup<div aria-label="M8.5 | W10.5" tabindex="0" data-value="M8.5 | W10.5" data-value-handle="m8-5-w10-5" class="swatch-element m8-5-w10-5-swatch">
Component · Ref NMTCOZ
Affected pagehttps://straye.com/products/mystery
Element.m11-w13-swatch
Accessible nameM11 | W13
Markup<div aria-label="M11 | W13" tabindex="0" data-value="M11 | W13" data-value-handle="m11-w13" class="swatch-element m11-w13-swatch">
Component · Ref N9W6DD
Affected pagehttps://straye.com/products/aciddrop
Element.l-m8-9-swatch
Accessible nameL | M8-9
Markup<div aria-label="L | M8-9" tabindex="0" data-value="L | M8-9" data-value-handle="l-m8-9" class="swatch-element l-m8-9-swatch">
Low
Touch targets are too small
WCAG 2.5.8 (AA)15 instances5 inspected pages
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Why it mattersInteractive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Recommended correctionIncrease this <a>'s rendered area to at least 24 × 24 CSS pixels, or provide sufficient spacing from adjacent targets. Prefer increasing padding on the existing control (for example the button or link) rather than adding a separate non-interactive wrapper.
View 15 affected elements
Component · Ref 2FBIJ5
Affected pagehttps://straye.com/products/aciddrop
Element.icon-facebook
Accessible nameSTRAYE on Facebook
Markup<a href="https://www.facebook.com/thestraye/" title="STRAYE on Facebook" rel="me" target="_blank" class="icon-facebook">
Affected pages/ /products/aciddrop /products/mystery /pages/terms-of-service /products/vip-one