Critical
Buttons have no accessible name
WCAG 4.1.2 (A)5 instances5 inspected pages
Interactive buttons expose no accessible name, so their purpose cannot be determined by assistive technology.
Why it mattersInteractive buttons expose no accessible name, so their purpose cannot be determined by assistive technology.
Recommended correctionGive it an accessible name that describes the action it performs: provide visible text when a visible label is appropriate, an aria-label for an icon-only control (for example aria-label="Dismiss notification"), or aria-labelledby when an existing visible label already describes it. Avoid vague names such as "Button", "Action", or the component's internal name.
View 5 affected elements
Component · Ref WVUF34
Affected pagehttps://workhorseirons.com/cart
Element.footer__newsletter-btn
Accessible name.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}
Markup<button type="submit" class="footer__newsletter-btn" name="commit">
Affected pages/ /account/login /products/contact-screws /pages/contact-us /cart
Critical
Form fields are missing labels
WCAG 1.3.1 (A)5 instances1 inspected page
Form inputs have no programmatically associated label, so assistive technology cannot announce what to enter.
Why it mattersForm inputs have no programmatically associated label, so assistive technology cannot announce what to enter.
Recommended correctionAssociate a <label> with each field via for/id, or use aria-label / aria-labelledby. Placeholder text is not a label.
View 5 affected elements
Component · Ref 6JAHHI
Affected pagehttps://workhorseirons.com/products/contact-screws
Element#AddToCartForm-32666534936673 > .input-group > .form-control[type="number"][name="quantity"]
Markup<input type="number" class="form-control" name="quantity" value="1">
Critical
Dropdown menus have no accessible name
WCAG 4.1.2 (A)1 instance1 inspected page
Select menus expose no programmatic name, so assistive technology cannot announce what the choice is for.
Why it mattersSelect menus expose no programmatic name, so assistive technology cannot announce what the choice is for.
Recommended correctionAssociate a <label> with each <select>, or add an aria-label / aria-labelledby that names its purpose.
View 1 affected element
Component · Ref TRFTFH
Affected pagehttps://workhorseirons.com/
Element.jlg-product-card
Accessible nameBag of 125 - $16.00 USD
Case of 500 - $56.00 USD
Markup<select class="jlg-product-card" name="id">
<option value="46519314645089">Bag of 125 - $16.00 USD</option>
<option value="46519314677857">Case of 500 - $56.00 USD</option>
</select> 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 JXGFGZ
Affected pagehttps://workhorseirons.com/cart
Elementli:nth-of-type(2) > ul > li:nth-of-type(1) > ul > li:nth-of-type(1) > a
Accessible nameDan Kubin
Rolemenuitem
Markup<a data-href="/collections/dan-kubin" href="/collections/dan-kubin" aria-label="Dan Kubin" data-no-instant="" onclick="mmGoToPage(this, event); return false;" role="menuitem"><span class="mm-title">Dan Kubin</span><i class="mm-arrow mm-angle-down" aria-hidden="true"></i><span class="toggle-menu-btn" style="display:none;" title="Toggle menu" onclick="return toggleSubmenu(this)"><span class="mm-arrow-icon"><span class="bar-one"></span><span class="bar-two"></span></span></span></a>
Affected pages/ /account/login /products/contact-screws /pages/contact-us /cart
Component · Ref EMO7LF
Affected pagehttps://workhorseirons.com/cart
Elementdiv#NavDrawer > div:nth-of-type(1) > div > div:nth-of-type(2) > button
Accessible name.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}
Close menu
Markup<button type="button" class="drawer__close-button js-drawer-close">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M19 17.61l27.12 27.13m0-27.12L19 44.74"></path></svg>
<span class="icon__fallback-text">Close menu</span>
</button> Affected pages/ /account/login /products/contact-screws /pages/contact-us /cart
Component · Ref R5DII8
Affected pagehttps://workhorseirons.com/products/contact-screws
Elementdiv#NavDrawer > div:nth-of-type(2) > ul:nth-of-type(1) > li:nth-of-type(2) > a
Accessible nameTATTOO MACHINES
Rolemenuitem
Markup<a data-href="/collections/tattoo-machines" href="/collections/tattoo-machines" aria-label="TATTOO MACHINES" data-no-instant="" onclick="mmGoToPage(this, event); return false;" role="menuitem" class="mobile-nav__link"><i class="mm-icon static fas fa-heart" aria-hidden="true"></i><span class="mm-title">TATTOO MACHINES</span><i class="mm-arrow mm-angle-down" aria-hidden="true"></i><span class="toggle-menu-btn" style="display:none;" title="Toggle menu" onclick="return toggleSubmenu(this)"><span class="mm-arrow-icon"><span class="bar-one"></span><span class="bar-two"></span></span></span></a>
Affected pages/ /account/login /products/contact-screws /pages/contact-us /cart
Component · Ref YKYSA4
Affected pagehttps://workhorseirons.com/account/login
Elementdiv:nth-of-type(2) > ul:nth-of-type(1) > li:nth-of-type(2) > ul > li:nth-of-type(1) > a
Accessible nameBuilders
Rolemenuitem
Markup<a data-href="/pages/tattoo-machines-by-builder" href="/pages/tattoo-machines-by-builder" aria-label="Builders" data-no-instant="" onclick="mmGoToPage(this, event); return false;" role="menuitem"><span class="mm-title">Builders</span><i class="mm-arrow mm-angle-down" aria-hidden="true"></i><span class="toggle-menu-btn" style="display:none;" title="Toggle menu" onclick="return toggleSubmenu(this)"><span class="mm-arrow-icon"><span class="bar-one"></span><span class="bar-two"></span></span></span></a>
Affected pages/ /account/login /products/contact-screws /pages/contact-us /cart
High
Interactive controls are not keyboard-accessible
WCAG 2.1.1 (A)75 instances5 inspected pages
A control that responds to clicks (a clickable element or an ARIA widget) cannot receive keyboard focus, so keyboard and switch users cannot operate it.
Why it mattersA control that responds to clicks (a clickable element or an ARIA widget) cannot receive keyboard focus, so keyboard and switch users cannot operate it.
Recommended correctionUse a native <button>/<a>, or add tabindex="0" plus keyboard event handlers (Enter/Space) to custom controls.
View 75 affected elements
Component · Ref R8CSK6
Affected pagehttps://workhorseirons.com/
Elementul:nth-of-type(1) > li:nth-of-type(2) > ul > li:nth-of-type(1) > ul > li:nth-of-type(1)
Accessible nameDan Kubin
Rolemenuitem
Markup<li data-href="/collections/dan-kubin" href="/collections/dan-kubin" aria-label="Dan Kubin" data-no-instant="" onclick="mmGoToPage(this, event); return false;" role="menuitem" data-shopify-id="149658173537" data-shopify-type="collections"><a data-href="/collections/dan-kubin" href="/collections/dan-kubin" aria-label="Dan Kubin" data-no-instant="" onclick="mmGoToPage(this, event); return false;" role="menuitem"><span class="mm-title">Dan Kubin</span><i class="mm-arrow mm-angle-down" aria-hidden="true"></i><span class="toggle-menu-btn" style="display:none;" title="Toggle menu" onclick="return to…
Affected pages/ /account/login /products/contact-screws /pages/contact-us /cart
Component · Ref ND153X
Affected pagehttps://workhorseirons.com/pages/contact-us
Elementdiv#NavDrawer > div:nth-of-type(2) > ul:nth-of-type(1) > li:nth-of-type(2) > ul > li:nth-of-type(1)
Accessible nameBuilders
Rolemenuitem
Markup<li data-href="/pages/tattoo-machines-by-builder" href="/pages/tattoo-machines-by-builder" aria-label="Builders" data-no-instant="" onclick="mmGoToPage(this, event); return false;" role="menuitem" data-shopify-id="6424297504" data-shopify-type="pages"><a data-href="/pages/tattoo-machines-by-builder" href="/pages/tattoo-machines-by-builder" aria-label="Builders" data-no-instant="" onclick="mmGoToPage(this, event); return false;" role="menuitem"><span class="mm-title">Builders</span><i class="mm-arrow mm-angle-down" aria-hidden="true"></i><span class="toggle-menu-btn" style="display:none;" title…
Affected pages/ /account/login /products/contact-screws /pages/contact-us /cart
Component · Ref 5J2D95
Affected pagehttps://workhorseirons.com/
Elementdiv#NavDrawer > div:nth-of-type(2) > ul:nth-of-type(1) > li:nth-of-type(2) > a > span:nth-of-type(2)
Accessible nameToggle menu
Markup<span class="toggle-menu-btn" style="display:none;" title="Toggle menu" onclick="return toggleSubmenu(this)"><span class="mm-arrow-icon"><span class="bar-one"></span><span class="bar-two"></span></span></span>
Affected pages/ /account/login /products/contact-screws /pages/contact-us /cart
Component · Ref S6M27I
Affected pagehttps://workhorseirons.com/cart
Elementul > li:nth-of-type(1) > ul > li:nth-of-type(1) > a > span:nth-of-type(2)
Accessible nameToggle menu
Markup<span class="toggle-menu-btn" style="display:none;" title="Toggle menu" onclick="return toggleSubmenu(this)"><span class="mm-arrow-icon"><span class="bar-one"></span><span class="bar-two"></span></span></span>
Affected pages/ /account/login /products/contact-screws /pages/contact-us /cart
High
ARIA input fields must have an accessible name
WCAG 4.1.2 (A)3 instances2 inspected pages
ARIA input fields must have an accessible name
Why it mattersARIA input fields must have an accessible name
Recommended correctionReview the affected element and correct the reported accessibility issue.
View 3 affected elements
Component · Ref VZOZFF
Affected pagehttps://workhorseirons.com/products/contact-screws
Element#ProductPhotos-product-template > .slick-list.draggable[aria-live="polite"] > .slick-track[role="listbox"]
Accessible nameContact Screws
Rolelistbox
Markup<div class="slick-track" style="opacity: 1; width: 1860px; transform: translate3d(0px, 0px, 0px);" role="listbox">
Component · Ref 3CUEQM
Affected pagehttps://workhorseirons.com/
Element.slick-track
Accessible name.slideshow__slide--1586376924363 .hero__title {
font-size: 40.0px;
}
@media only screen and (min-width: 590px) {
.slideshow__slide--1586376924363 .hero__title {
font-size: 80px;
}
}
.slideshow__image--1586376924363 {
background-position: center center;
background-image: url('//workhorseirons.com/cdn/shop/files/Black-Chloroprene-Tattoo-Gloves-1-1_1400x.jpg?v=1614348723');
}
Medical Supplies
Gloves, Sanitizer, Disinfectants, Barrier Products
Click Here
.slideshow__slide--1586376609370-0 .hero__title {
font-size: 40.0px;
}
@media only screen and (min-width: 590px) {
.slideshow__slide--1586376609370-0 .hero__title {
font-size: 80px;
}
}
.slideshow__image--1586376609370-0 {
background-position: top center;
background-image: url('//workhorseirons.com/cdn/shop/files/221WHB-2_1400x.jpg?v=1614348722');
}
Tattoo Machines
Made by Tattoo Artists
Learn More
.slideshow__slide--b8c199fd-8469-48ca-aea7-496c90649633 .hero__title {
font-size: 40.0px;
}
@media only screen and (min-width: 590px) {
.slideshow__slide--b8c199fd-8469-48ca-aea7-496c90649633 .hero__title {
font-size: 80px;
}
}
.slideshow__image--b8c199fd-8469-48ca-aea7-496c90649633 {
background-position: center center;
background-image: url('//workhorseirons.com/cdn/shop/files/Good-Judy-Tattoo-Supplies-Header-1_1400x.jpg?v=1653410908');
}
Only certified compostable & biodegradable tattoo supplies
Sustainable Tattooing
.slideshow__slide--1586377330775 .hero__title {
font-size: 40.0px;
}
@media only screen and (min-width: 590px) {
.slideshow__slide--1586377330775 .hero__title {
font-size: 80px;
}
}
.slideshow__image--1586377330775 {
background-position: center center;
background-image: url('//workhorseirons.com/cdn/shop/files/Dan-Kubin-Sidewinder-V3R-Gold-Verdigris-1-2_1400x.jpg?v=1614348791');
}
Dan Kubin
V3R Sidewinder Now Available
Click Here
.slideshow__slide--1586376609370-1 .hero__title {
font-size: 40.0px;
}
@media only screen and (min-width: 590px) {
.slideshow__slide--1586376609370-1 .hero__title {
font-size: 80px;
}
}
.slideshow__image--1586376609370-1 {
background-position: center center;
background-image: url('//workhorseirons.com/cdn/shop/files/Workhorse-Tattoo-Shop-Supplies-1_1400x.jpg?v=1613687627');
}
Shop Supplies
One-stop shop for all your tattoo supply needs.
View Products
.slideshow__slide--1586376924363 .hero__title {
font-size: 40.0px;
}
@media only screen and (min-width: 590px) {
.slideshow__slide--1586376924363 .hero__title {
font-size: 80px;
}
}
.slideshow__image--1586376924363 {
background-position: center center;
background-image: url('//workhorseirons.com/cdn/shop/files/Black-Chloroprene-Tattoo-Gloves-1-1_1400x.jpg?v=1614348723');
}
Medical Supplies
Gloves, Sanitizer, Disinfectants, Barrier Products
…[truncated by Evolize: exceeded D1 value limit]
Rolelistbox
Markup<div class="slick-track" style="opacity: 1; width: 10080px; transform: translate3d(-2880px, 0px, 0px);" role="listbox">
High
Interactive controls must not be nested
WCAG 4.1.2 (A)5 instances2 inspected pages
Interactive controls must not be nested
Why it mattersInteractive controls must not be nested
Recommended correctionReview the affected element and correct the reported accessibility issue.
View 5 affected elements
Component · Ref WGBUPR
Affected pagehttps://workhorseirons.com/products/contact-screws
Elementdiv[aria-describedby="slick-slide11"]
Accessible nameChris Smith Contact Screw
Roleoption
Markup<div class="product__thumb-item slick-slide slick-active" data-index="1" data-slick-index="1" aria-hidden="false" style="width: 80px;" tabindex="-1" role="option" aria-describedby="slick-slide11">
Component · Ref RE243N
Affected pagehttps://workhorseirons.com/
Element.slideshow__slide--b8c199fd-8469-48ca-aea7-496c90649633
Accessible name.slideshow__slide--b8c199fd-8469-48ca-aea7-496c90649633 .hero__title {
font-size: 40.0px;
}
@media only screen and (min-width: 590px) {
.slideshow__slide--b8c199fd-8469-48ca-aea7-496c90649633 .hero__title {
font-size: 80px;
}
}
.slideshow__image--b8c199fd-8469-48ca-aea7-496c90649633 {
background-position: center center;
background-image: url('//workhorseirons.com/cdn/shop/files/Good-Judy-Tattoo-Supplies-Header-1_1400x.jpg?v=1653410908');
}
Only certified compostable & biodegradable tattoo supplies
Sustainable Tattooing
Roleoption
Markup<div class="slideshow__slide slideshow__slide--b8c199fd-8469-48ca-aea7-496c90649633 slick-slide slick-current slick-active" data-slick-index="1" aria-hidden="false" style="width: 1440px;" tabindex="-1" role="option" aria-describedby="slick-slide01">
Component · Ref KJXI8I
Affected pagehttps://workhorseirons.com/products/contact-screws
Element.jdgm-rev-widg__summary-stars
Accessible nameAverage rating is 5.00 stars
Roleimg
Markup<div class="jdgm-rev-widg__summary-stars" aria-label="Average rating is 5.00 stars" role="img">
High
Elements must only use supported ARIA attributes
WCAG 4.1.2 (A)4 instances1 inspected page
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 4 affected elements
Component · Ref 1GGT8O
Affected pagehttps://workhorseirons.com/
Element.js-modal-open-quick-modal-7201224523873
Accessible namePREVIEW
Markup<div class="quick-product__btn js-modal-open-quick-modal-7201224523873 small--hide" data-product-id="7201224523873" aria-expanded="false">
<span class="quick-product__label">PREVIEW</span>
</div> Medium
Text has insufficient colour contrast
WCAG 1.4.3 (AA)52 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 52 affected elements
Component · Ref VVFL41
Affected pagehttps://workhorseirons.com/pages/contact-us
Elementa[title="Ordering Info"]
Accessible nameORDERING INFO
Markup<a href="/pages/ordering-info" title="Ordering Info">ORDERING INFO</a>
Affected pages/ /account/login /products/contact-screws /pages/contact-us /cart
Component · Ref TVOS5C
Affected pagehttps://workhorseirons.com/account/login
Element.announcement__text > p:nth-child(3)
Accessible nameBE SURE TO INCLUDE YOUR SHOP NAME AND INFO WITH YOUR ORDER. IF YOU DO NOT, YOUR ORDER MAY BE DELAYED.
Markup<p>BE SURE TO INCLUDE YOUR SHOP NAME AND INFO WITH YOUR ORDER. IF YOU DO NOT, YOUR ORDER MAY BE DELAYED.</p>
Affected pages/ /account/login /products/contact-screws /pages/contact-us /cart
Component · Ref RBQ4PN
Affected pagehttps://workhorseirons.com/
Element#CurrencyPicker-header
Accessible nameUSD
CAD
INR
GBP
AUD
EUR
JPY
Markup<select class="currency-input" id="CurrencyPicker-header" name="currencies">
Affected pages/ /account/login /products/contact-screws /pages/contact-us /cart
Component · Ref 455IU5
Affected pagehttps://workhorseirons.com/pages/contact-us
Elementp:nth-child(1) > strong
Accessible name**WE DO NOT SELL PRODUCTS TO THE GENERAL PUBLIC!!**
Markup<strong>**WE DO NOT SELL PRODUCTS TO THE GENERAL PUBLIC!!**</strong>
Affected pages/account/login /products/contact-screws /pages/contact-us /cart
Component · Ref VSU906
Affected pagehttps://workhorseirons.com/
Element.skrim__link.skrim__item-content[href$="joshua-bowers"] > .skrim__title > .skrim__underline-me
Accessible nameJoshua Bowers
Markup<div class="skrim__underline-me">
Joshua Bowers
</div> Component · Ref PD5B8X
Affected pagehttps://workhorseirons.com/
Element.collection--wide.skrim__item[data-aos="skrim__animation"]:nth-child(14) > .skrim__link.skrim__item-content > .skrim__title > .skrim__underline-me
Accessible nameWorkhorse Machines
Markup<div class="skrim__underline-me">
Workhorse Machines
</div> Component · Ref TQL0CF
Affected pagehttps://workhorseirons.com/products/contact-screws
Elementtr:nth-child(2) > td:nth-child(1)
Accessible nameKnurled Copper (1.00")
Markup<td>Knurled Copper (1.00")</td>
Component · Ref 9FKVUA
Affected pagehttps://workhorseirons.com/
Element.btn--small.btn--inverse[href$="good-judy"]
Accessible nameSustainable Tattooing
Markup<a href="/collections/good-judy" class="btn btn--small btn--inverse" tabindex="0">
Sustainable Tattooing
</a> Component · Ref 915YN4
Affected pagehttps://workhorseirons.com/
Element.horizontal-center > .hero__subtitle > .animation-cropper > .animation-contents
Accessible nameOnly certified compostable & biodegradable tattoo supplies
Markup<div class="animation-contents">
Only certified compostable & biodegradable tattoo supplies
</div> Component · Ref IRSQGS
Affected pagehttps://workhorseirons.com/products/contact-screws
Element.product-single__vendor
Accessible nameWorkhorse Irons
Markup<div class="product-single__vendor" itemprop="brand">Workhorse Irons</div>
Component · Ref H8OUKT
Affected pagehttps://workhorseirons.com/
Element.jlg-product-card
Accessible nameBag of 125 - $16.00 USD
Case of 500 - $56.00 USD
Markup<select class="jlg-product-card" name="id">
<option value="46519314645089">Bag of 125 - $16.00 USD</option>
<option value="46519314677857">Case of 500 - $56.00 USD</option>
</select> Component · Ref CZ6OMQ
Affected pagehttps://workhorseirons.com/products/contact-screws
Element#ProductPrice-product-template > .money[data-currency-usd="$7.00 USD"][data-currency="USD"]
Accessible name$7.00 USD
Markup<span class="money" data-currency-usd="$7.00 USD" data-currency="USD">$7.00 USD</span>
Component · Ref 27U4F6
Affected pagehttps://workhorseirons.com/
Element.announcement__text > p:nth-child(1) > strong
Accessible name**WE DO NOT SELL PRODUCTS TO THE GENERAL PUBLIC!!**
Markup<strong>**WE DO NOT SELL PRODUCTS TO THE GENERAL PUBLIC!!**</strong>
Component · Ref 83TY3Z
Affected pagehttps://workhorseirons.com/products/contact-screws
Elementh3
Accessible nameContact Screws
Markup<h3>Contact Screws</h3>
Component · Ref ONTZEN
Affected pagehttps://workhorseirons.com/products/contact-screws
Elementth:nth-child(1)
Accessible nameGrouping
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 L5DYP6
Affected pagehttps://workhorseirons.com/cart
Elementdiv#NavDrawer > div:nth-of-type(2) > ul:nth-of-type(1) > li:nth-of-type(2)
Accessible nameTATTOO MACHINESBuildersDan KubinDK V46ERClipcord V46erBattery/RCA V46erV46er ArchiveDK V3/24Clipcord V3/24Battery / RCA V3/24DK V7DK MojoboxDK MCiDK Ghost Dog RevivalDK Swift Tip SystemDK Parts / AccessoriesDan Kubin Tech TipsDK Sidewinder Tech TipsDK Swift Tip SystemDK ArchiveGuy Le TatooerWorkhorse SeriesMusotokuMike PikePike Production MachinesPike Limited EditionPike RotaryPike One-OffPike CollaborationsPike x Destroy TroyPike x RogersPike KitsPike PartsPike MerchPike ArchiveSOBASOBA ProductionSOBA LimitedSoba One-OffsSOBA KitsSOBA ArchiveAdam CiferriAdam ProductionAdam LimitedAdam ArchiveAdam KitsDK x AC Ghost Dog RevivalAdam PartsJoshua BowersSeth CiferriSeth ProductionSeth LimitedSeth KitsSeth ArchiveCory RogersCory Rogers ProductionCory Rogers LimitedCory Rogers CollabCory Rogers ArchiveAaron CainEddy DeutscheEddy Deutsche MachinesEddy Deutsche MerchDestroy TroyDestroy Troy LimitedDestroy Troy CollabDestroy Troy ArchiveChris SmithJuan PuenteMike GiantSpecial TechniqueBy TypeLinersLarge GroupingSmall-Medium GroupingsHard HittingLight to Medium HitSlow SpeedMedium SpeedQuick SpeedShadersLarge GroupingSmall-Medium GroupingHard HittingLight-Medium HitSlow SpeedMedium SpeedQuick SpeedRotaryB&G / HybridsCustom Tattoo MachinesHand Poke
Rolenone
Markup<li role="none" class="buddha-menu-item mobile-nav__item appear-animation appear-delay-2 appear-delay-3 appear-delay-4 appear-delay-5 appear-delay-6 appear-delay-7 appear-delay-8 appear-delay-9 appear-delay-10" itemid="ojcaI" data-shopify-id="18218123296" data-shopify-type="collections"><a data-href="/collections/tattoo-machines" href="/collections/tattoo-machines" aria-label="TATTOO MACHINES" data-no-instant="" onclick="mmGoToPage(this, event); return false;" role="menuitem" class="mobile-nav__link"><i class="mm-icon static fas fa-heart" aria-hidden="true"></i><span class="mm-title">TATTOO MA…
Affected pages/ /account/login /products/contact-screws /pages/contact-us /cart
Low
Low-quality alternative text
WCAG 1.1.1 (A)20 instances5 inspected pages
Alt text looks like a filename, a generic word ("image", "photo"), or is duplicated across unrelated images — it likely does not describe the content.
Why it mattersAlt text looks like a filename, a generic word ("image", "photo"), or is duplicated across unrelated images — it likely does not describe the content.
Recommended correctionReplace placeholder or filename alt text with a concise description of what the image conveys.
View 20 affected elements
Component · Ref G2V7SC
Affected pagehttps://workhorseirons.com/cart
Elementdiv:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(2) > div > a > img:nth-of-type(1)
Markup<img class="small--hide" src="//workhorseirons.com/cdn/shop/files/WorkhorseLogo-WhiteOnBlack_6e6d0401-9ed8-45ca-8032-b36da2a68e42_x120.jpg?v=1700071653" srcset="//workhorseirons.com/cdn/shop/files/WorkhorseLogo-WhiteOnBlack_6e6d0401-9ed8-45ca-8032-b36da2a68e42_x120.jpg?v=1700071653 1x, //workhorseirons.com/cdn/shop/files/[email removed]?v=1700071653 2x" alt="Workhorse Irons" itemprop="logo">
Affected pages/ /account/login /products/contact-screws /pages/contact-us /cart
Low
ARIA attributes have invalid values
WCAG 4.1.2 (A)5 instances2 inspected pages
ARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.
Why it mattersARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.
Recommended correctionCorrect ARIA attribute values and ensure referenced ids exist in the DOM.
View 5 affected elements
Component · Ref BC8L5B
Affected pagehttps://workhorseirons.com/products/contact-screws
Elementdiv[aria-describedby="slick-slide10"]
Accessible nameContact Screws
Roleoption
Markup<div class="product__thumb-item slick-slide slick-current slick-active" data-index="0" data-slick-index="0" aria-hidden="false" style="width: 80px;" tabindex="-1" role="option" aria-describedby="slick-slide10">
Component · Ref EJLWVN
Affected pagehttps://workhorseirons.com/
Element.slideshow__slide--b8c199fd-8469-48ca-aea7-496c90649633
Accessible name.slideshow__slide--b8c199fd-8469-48ca-aea7-496c90649633 .hero__title {
font-size: 40.0px;
}
@media only screen and (min-width: 590px) {
.slideshow__slide--b8c199fd-8469-48ca-aea7-496c90649633 .hero__title {
font-size: 80px;
}
}
.slideshow__image--b8c199fd-8469-48ca-aea7-496c90649633 {
background-position: center center;
background-image: url('//workhorseirons.com/cdn/shop/files/Good-Judy-Tattoo-Supplies-Header-1_1400x.jpg?v=1653410908');
}
Only certified compostable & biodegradable tattoo supplies
Sustainable Tattooing
Roleoption
Markup<div class="slideshow__slide slideshow__slide--b8c199fd-8469-48ca-aea7-496c90649633 slick-slide slick-current slick-active" data-slick-index="1" aria-hidden="false" style="width: 1440px;" tabindex="-1" role="option" aria-describedby="slick-slide01">
Component · Ref ADE0QL
Affected pagehttps://workhorseirons.com/products/contact-screws
Element.starting-slide
Accessible nameContact Screws
Roleoption
Markup<div class="starting-slide slick-slide slick-current slick-active" data-index="0" data-slick-index="0" aria-hidden="false" style="width: 620px;" tabindex="-1" role="option" aria-describedby="slick-slide00">
Low
Carousel has no accessible controls
WCAG 2.1.1 (A)1 instance1 inspected page
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 1 affected element
Component · Ref 2XX2CB
Affected pagehttps://workhorseirons.com/products/contact-screws
Elementdiv#ProductPhotos-product-template
Accessible nameContact Screws
Markup<div id="ProductPhotos-product-template" class="slick-initialized slick-slider">
<div aria-live="polite" class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 1860px; transform: translate3d(0px, 0px, 0px);" role="listbox"><div class="starting-slide slick-slide slick-current slick-active" data-index="0" data-slick-index="0" aria-hidden="false" style="width: 620px;" tabindex="-1" role="option" aria-describedby="slick-slide00">
<div class="product-image-main">
<div class="image-wra…