Critical
Links lack accessible text
WCAG 2.4.4 (A)84 instances4 inspected pages
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/sandalwood-shaving-cream-5-oz.
View 84 affected elements
Component · Ref 41ESMO
Affected pagehttps://www.theartofshaving.com/
Element#shopify-section-template--28179279315025__shavingart_product_glide_kFMLfF > .shavingart__product-glide > .shavingart__product-glide-bottom > .glide.glide--ltr[data-slider="product"] > .glide__track[data-glide-el="track"] > .glide__slides > .glide__slide:nth-child(6) > .shavingart__product-card > .shavingart__product-card-image > a
Markup<a href="/products/unscented-shaving-cream-tube-2-5-oz"></a>
Component · Ref 54RZQJ
Affected pagehttps://www.theartofshaving.com/
Element#shopify-section-template--28179279315025__shavingart_product_glide_kFMLfF > .shavingart__product-glide > .shavingart__product-glide-bottom > .glide.glide--ltr[data-slider="product"] > .glide__track[data-glide-el="track"] > .glide__slides > .glide__slide:nth-child(8) > .shavingart__product-card > .shavingart__product-card-text > a
Markup<a href="/products/sandalwood-full-size-kit"></a>
Component · Ref 2ELK6W
Affected pagehttps://www.theartofshaving.com/
Element#AQTZtWHR4Vk40cVlaQ__shavingart_global_banner_3XWBFh > a[href$="shaving-creams-soaps"]
Markup<a href="/pages/shaving-creams-soaps"></a>
Component · Ref E3VHSO
Affected pagehttps://www.theartofshaving.com/products/shaving-brush
Elementa[href="/"]
Component · Ref CY63W8
Affected pagehttps://www.theartofshaving.com/pages/sign-up
Element#shopify-block-AdFJ0WVRxQ2EzaXNVR__footer-social-link-pinterest > .text-inherit[target="_blank"][rel="noopener"]
Markup<a href="https://www.pinterest.com/theartofshaving/" class="text-inherit" target="_blank" rel="noopener">
Component · Ref 1FCR40
Affected pagehttps://www.theartofshaving.com/
Element#shopify-block-AaEh3ektQNjV0RXJsV__footer-social-link-linkedin > .text-inherit[target="_blank"][rel="noopener"]
Markup<a href="https://www.linkedin.com/company/the-art-of-shaving" class="text-inherit" target="_blank" rel="noopener">
Component · Ref GCMSW6
Affected pagehttps://www.theartofshaving.com/
Element.glide__slide:nth-child(9) > .shavingart__product-card > .shavingart__product-card-image > a
Markup<a href="/products/lavender-after-shave-balm-moisturizer"></a>
Component · Ref 6JDPLF
Affected pagehttps://www.theartofshaving.com/
Element.glide__slide:nth-child(9) > .shavingart__product-card > .shavingart__product-card-text > a
Markup<a href="/products/lavender-after-shave-balm-moisturizer"></a>
Component · Ref HQH5SD
Affected pagehttps://www.theartofshaving.com/blogs/default-blog/new-bourbon-products
Elementa[href=""]
Component · Ref 68HAK5
Affected pagehttps://www.theartofshaving.com/blogs/default-blog/new-bourbon-products
Element#shopify-block-ANGxNeTExK2toUmlER__footer-social-link-facebook > .text-inherit[rel="noopener"][target="_blank"]
Markup<a href="https://www.facebook.com/theartofshaving" class="text-inherit" target="_blank" rel="noopener">
Component · Ref 22Q5OG
Affected pagehttps://www.theartofshaving.com/pages/sign-up
Elementa[href=""]
Component · Ref OXXSBK
Affected pagehttps://www.theartofshaving.com/products/shaving-brush
Element#shopify-block-ANGxNeTExK2toUmlER__footer-social-link-facebook > .text-inherit[rel="noopener"][target="_blank"]
Markup<a href="https://www.facebook.com/theartofshaving" class="text-inherit" target="_blank" rel="noopener">
Component · Ref Y3IXQQ
Affected pagehttps://www.theartofshaving.com/
Element#AZVFCWHhYYzAzR1JuQ__shavingart_global_banner_nhnWB6 > .shavingart__global-banner-text--left.shavingart__global-banner-text > a:nth-child(5)
Markup<a href="/pages/mens-shaving-kits-sets-bundles-gifts"></a>
Critical
Embedded frames lack descriptive titles
WCAG 4.1.2 (A)1 instance1 inspected page
An <iframe> has no title, so its purpose is not announced to assistive technology.
Why it mattersAn <iframe> has no title, so its purpose is not announced to assistive technology.
Recommended correctionAdd a concise title attribute that describes the frame's actual purpose — for example "Store locator" for a location search or "Promotional campaign" for a marketing embed. The affected frame loads https://www.youtube.com/embed/zZnCyFWssLQ?&playlist=zZnCyFWssLQ&loop=1, which can help identify its purpose. Avoid generic values such as "Embedded content", "iframe", or "frame".
View 1 affected element
Component · Ref SI86CU
Affected pagehttps://www.theartofshaving.com/
Element.js-youtube
Markup<iframe src="https://www.youtube.com/embed/zZnCyFWssLQ?&playlist=zZnCyFWssLQ&loop=1" class="js-youtube" allow="autoplay; encrypted-media" allowfullscreen="" title=""></iframe>
High
ARIA role is missing its required parent
WCAG 1.3.1 (A)4 instances4 inspected pages
An element with an ARIA role is not inside the container role it requires, so the relationship is lost.
Why it mattersAn element with an ARIA role is not inside the container role it requires, so the relationship is lost.
Recommended correctionPlace the element inside its required parent role (e.g. option must be within listbox).
View 4 affected elements
Component · Ref VYWKP8
Affected pagehttps://www.theartofshaving.com/blogs/default-blog/new-bourbon-products
Elementbutton[role="menuitem"]
Accessible nameMore
Rolemenuitem
Markup<button role="menuitem" class="menu-list__link button-unstyled">
<span class="menu-list__link-title">More</span>
</button> Affected pages/ /blogs/default-blog/new-bourbon-products /pages/sign-up /products/shaving-brush
High
IDs used in ARIA and labels must be unique
WCAG 4.1.2 (A)5 instances4 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 5 affected elements
Component · Ref 7JVBW8
Affected pagehttps://www.theartofshaving.com/
Element#account-popover > .account-actions > .account-actions__main-menu > header > .account-actions__title.h5
Accessible nameAccount
Markup<p id="account-drawer-heading" class="account-actions__title h5">
Account
</p> Affected pages/ /pages/sign-up /products/shaving-brush
Component · Ref OBS019
Affected pagehttps://www.theartofshaving.com/products/shaving-brush
Elementlocal-pickup[data-variant-id="59187673170001"] > dialog-component > .pickup-location__dialog[aria-labelledby="pickup-dialog-heading"][data-testid="pickup-location-dialog"] > .visually-hidden
Accessible nameView store information
Markup<p id="pickup-dialog-heading" class="visually-hidden">
View store information
</p> Component · Ref EMWKJS
Affected pagehttps://www.theartofshaving.com/blogs/default-blog/new-bourbon-products
Element#account-popover > .account-actions > .account-actions__main-menu > .account-actions__header > .account-actions__title.h5
Accessible nameAccount
Markup<p id="account-drawer-heading" class="account-actions__title h5">
Account
</p>
High
Hidden elements can still receive keyboard focus
WCAG 2.4.3 (A)40 instances4 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 40 affected elements
Component · Ref MUD1XB
Affected pagehttps://www.theartofshaving.com/blogs/default-blog/new-bourbon-products
Elementsection > div:nth-of-type(1) > div:nth-of-type(3) > header-actions > dialog-component > button
Accessible nameAccount
Markup<button class="account-button header-actions__action" aria-label="Account" aria-haspopup="dialog" ref="trigger" on:click="/showDialog"><span class="account-button__icon" aria-hidden="true">
<svg width="28" height="27" viewBox="0 0 28 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.9993 0.269531C6.63935 0.269531 0.666016 6.0562 0.666016 13.1862C0.666016 20.3162 6.63935 26.1029 13.9993 26.1029C21.3593 26.1029 27.3327 20.3162 27.3327 13.1862C27.3327 6.0562 21.3593 0.269531 13.9993 0.269531ZM7.42602 21.2979C7.99935 20.1354 11.4927 18.9987 13.9993 18.9987C16.506 18.9987 20.01… Affected pages/ /blogs/default-blog/new-bourbon-products /pages/sign-up /products/shaving-brush
Component · Ref BVG3QR
Affected pagehttps://www.theartofshaving.com/pages/sign-up
Elementdiv:nth-of-type(1) > div:nth-of-type(3) > header-actions > dialog-component > dialog > button
Accessible nameClose dialog
Markup<button ref="closeButton" on:click="/closeDialog" class="button button-unstyled close-button account-drawer__close-button" aria-label="Close dialog" autofocus="">
<span class="svg-wrapper" aria-hidden="true"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>… Affected pages/ /blogs/default-blog/new-bourbon-products /pages/sign-up /products/shaving-brush
Component · Ref XLWW4P
Affected pagehttps://www.theartofshaving.com/pages/sign-up
Elementdiv > div > nav > ul > li:nth-of-type(2) > a
Accessible nameProfile
Markup<a href="/account/addresses" class="account-actions__link button-secondary">
<span class="account-actions__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"></circle><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"></path></svg>
</span>
Profile
… Affected pages/ /blogs/default-blog/new-bourbon-products /pages/sign-up /products/shaving-brush
Component · Ref YDAQWZ
Affected pagehttps://www.theartofshaving.com/pages/sign-up
Elementdiv#account-popover > div > div > div > a
Accessible nameOther sign in options
Sign in
Markup<a href="/customer_authentication/login?return_to=%2Fpages%2Fsign-up&locale=en&ui_hint=full&region_country=US" class="account-actions__link button">
<span class="account-actions__sign-in-text">
Other sign in options
</span>
<span class="account-actions__fallback-text">
Sign in
</span>
</a> Affected pages/ /blogs/default-blog/new-bourbon-products /pages/sign-up /products/shaving-brush
Component · Ref K5RFDE
Affected pagehttps://www.theartofshaving.com/blogs/default-blog/new-bourbon-products
Elementcart-drawer-component > dialog > div > cart-items-component > div:nth-of-type(1) > button
Accessible nameClose dialog
Markup<button ref="closeButton" on:click="cart-drawer-component/close" class="button close-button cart-drawer__close-button button-unstyled" aria-label="Close dialog">
<span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</span>
</b… Affected pages/ /blogs/default-blog/new-bourbon-products /pages/sign-up /products/shaving-brush
Component · Ref IW1G8A
Affected pagehttps://www.theartofshaving.com/pages/sign-up
Elementdialog-component > dialog > div > div > div > a
Accessible nameOther sign in options
Sign in
Markup<a href="/customer_authentication/login?return_to=%2Fpages%2Fsign-up&locale=en&ui_hint=full&region_country=US" class="account-actions__link button">
<span class="account-actions__sign-in-text">
Other sign in options
</span>
<span class="account-actions__fallback-text">
Sign in
</span>
</a> Affected pages/ /blogs/default-blog/new-bourbon-products /pages/sign-up /products/shaving-brush
Component · Ref I5BJ8C
Affected pagehttps://www.theartofshaving.com/pages/sign-up
Elementcart-items-component > div:nth-of-type(2) > div > div > p > a
Accessible nameLog in
Markup<a href="https://www.theartofshaving.com/customer_authentication/redirect?locale=en&region_country=US">Log in</a>
Affected pages/ /blogs/default-blog/new-bourbon-products /pages/sign-up
Component · Ref N9LSNC
Affected pagehttps://www.theartofshaving.com/products/shaving-brush
Elementhtml > body > div:nth-of-type(1) > div:nth-of-type(2) > div > button
Accessible nameClose review form
Markup<button class="jdgm-write-review-modal__close-btn" aria-label="Close review form">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M19 5L5 19" stroke="#202223" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M5 5L19 19" stroke="#202223" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>
High
Elements must only use supported ARIA attributes
WCAG 4.1.2 (A)3 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 3 affected elements
Component · Ref XREH3M
Affected pagehttps://www.theartofshaving.com/products/shaving-brush
Elementbutton[aria-label="Slide 1 of 3"]
Accessible nameSlide 1 of 3
Markup<button class="slideshow-control button button-unstyled slideshow-controls__thumbnail" aria-label="Slide 1 of 3" on:click="/select/0" style="--aspect-ratio: 1;" ref="thumbnails[]" aria-selected="true">
High
Scrollable region must have keyboard access
WCAG 2.1.1 (A)1 instance1 inspected page
Scrollable region must have keyboard access
Why it mattersScrollable region must have keyboard access
Recommended correctionReview the affected element and correct the reported accessibility issue.
View 1 affected element
Component · Ref C2H0FA
Affected pagehttps://www.theartofshaving.com/products/shaving-brush
Elementslideshow-component[in-viewport=""] > slideshow-container > slideshow-slides
Accessible nameThe Art of Shaving Lather Brush
Markup<slideshow-slides tabindex="-1" ref="scroller">
Medium
ARIA attributes have invalid values
WCAG 4.1.2 (A)16 instances4 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 16 affected elements
Component · Ref 22JOGW
Affected pagehttps://www.theartofshaving.com/products/shaving-brush
Elementa[aria-controls="submenu-4"]
Accessible nameBEARD CARE
Markup<a href="https://www.theartofshaving.com/collections/beard-care" data-skip-node-update="true" class="menu-list__link" aria-controls="submenu-4" aria-haspopup="true" aria-expanded="false" ref="menuitem">
<span class="menu-list__link-title">BEARD CARE</span>
</a> Affected pages/ /blogs/default-blog/new-bourbon-products /pages/sign-up /products/shaving-brush
Medium
Text has insufficient colour contrast
WCAG 1.4.3 (AA)77 instances4 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 77 affected elements
Component · Ref JCMJBJ
Affected pagehttps://www.theartofshaving.com/blogs/default-blog/new-bourbon-products
Element.glide__slide--active > p
Accessible nameLABOR DAY: 20% OFF SITEWIDE | CODE LABORDAY20
Markup<p>
LABOR DAY: 20% OFF SITEWIDE | CODE LABORDAY20
</p> Affected pages/ /blogs/default-blog/new-bourbon-products /pages/sign-up /products/shaving-brush
Component · Ref 5SVDJ0
Affected pagehttps://www.theartofshaving.com/products/shaving-brush
Element.jm-review-item.jm-box[data-v-3ff3fc10=""]:nth-child(1) > .jm-stack--space-400.jm-stack[data-v-417c96d2=""] > .jm-review-item__body.jm-cluster[data-v-04f37a24=""] > .jm-review-item__content.jm-stack--space-400.jm-stack > .jm-reviewer-info.jm-cluster[data-v-946e5b9f=""] > .jm-stack--space-100.jm-reviewer-info__details.jm-stack > .jm-cluster[data-v-946e5b9f=""][data-v-04f37a24=""]:nth-child(2) > .jm-text[data-v-6d928e9f=""][data-v-946e5b9f=""]
Accessible name09/06/2026
Markup<span data-v-6d928e9f="" data-v-946e5b9f="" class="jm-text" style="--text-size: var(--jm-body-sm-size); --text-weight: var(--jm-body-sm-weight-default); color: var(--jm-review-widget-lighter-text-color);">09/06/2026</span>
Component · Ref OM61D
Affected pagehttps://www.theartofshaving.com/products/shaving-brush
Element#BuyButtons-ProductSubmitButton-AWUcvSEYzTjZYNjdhc__add-to-cart > .add-to-cart-text > .add-to-cart-text__content > span > span
Accessible nameAdd to cart
Markup<span>Add to cart</span>
Component · Ref 4HOGRZ
Affected pagehttps://www.theartofshaving.com/products/shaving-brush
Elementdiv[aria-label="1 out of 5 stars"] > .jm-cluster[data-v-bc4d321f=""][data-v-04f37a24=""] > div[data-v-bc4d321f=""] > .jm-star-rating__font-icon[data-v-bc4d321f=""]:nth-child(5)
Accessible name
Markup<span data-v-bc4d321f="" class="jm-star-rating__font-icon" style="font-size: 1.5em; line-height: 1; position: relative; color: var(--jm-review-widget-star-and-histogram-color);"></span>
Component · Ref U22L26
Affected pagehttps://www.theartofshaving.com/
Element#shopify-section-template--28179279315025__shavingart_product_glide_kFMLfF > .shavingart__product-glide > .shavingart__product-glide-bottom > .glide.glide--ltr[data-slider="product"] > .glide__track[data-glide-el="track"] > .glide__slides > .glide__slide:nth-child(4) > .shavingart__product-card > .shavingart__product-card-text > .shavingart__product-card-text-top > div[ref="priceContainer"] > .price
Accessible name$35.00
Markup<span class="price">$35.00</span>
Component · Ref BI1CNX
Affected pagehttps://www.theartofshaving.com/products/shaving-brush
Element.jm-review-item.jm-box[data-v-3ff3fc10=""]:nth-child(4) > .jm-stack--space-400.jm-stack[data-v-417c96d2=""] > .jm-review-item__body.jm-cluster[data-v-04f37a24=""] > .jm-review-item__content.jm-stack--space-400.jm-stack > .jm-cluster[data-v-04f37a24=""][data-v-47c26855=""]:nth-child(1) > .jm-star-rating[aria-label="5 out of 5 stars"][role="img"] > .jm-cluster[data-v-bc4d321f=""][data-v-04f37a24=""] > div[data-v-bc4d321f=""] > .jm-star-rating__font-icon[data-v-bc4d321f=""]:nth-child(1)
Accessible name
Markup<span data-v-bc4d321f="" class="jm-star-rating__font-icon" style="font-size: 1.5em; line-height: 1; position: relative; color: var(--jm-review-widget-star-and-histogram-color);"></span>
Component · Ref OBXRZP
Affected pagehttps://www.theartofshaving.com/
Element#shopify-section-template--28179279315025__shavingart_product_glide_hKa7bT > .shavingart__product-glide > .shavingart__product-glide-bottom > .glide.glide--ltr[data-slider="product"] > .glide__track[data-glide-el="track"] > .glide__slides > .glide__slide:nth-child(3) > .shavingart__product-card > .shavingart__product-card-text > .shavingart__product-card-text-top > h5
Accessible nameSandalwood After-Shave Balm & Moisturizer
Markup<h5>
Sandalwood After-Shave Balm & Moisturizer
</h5> Component · Ref 6A9SAI
Affected pagehttps://www.theartofshaving.com/
Element#AQTZtWHR4Vk40cVlaQ__shavingart_global_banner_3XWBFh > .shavingart__global-banner-text--left.shavingart__global-banner-text > h5
Accessible nameYOUR NEW DAILY LUXURY AWAITS.
Markup<h5>
YOUR NEW DAILY LUXURY AWAITS.
</h5> Component · Ref 71SP29
Affected pagehttps://www.theartofshaving.com/
Element.visible_anchor[href$="shaving-creams-soaps"]
Accessible nameSHOP ALL SHAVING CREAMS
Markup<a class="visible_anchor" href="/pages/shaving-creams-soaps">
SHOP ALL SHAVING CREAMS
</a> Component · Ref 39BMZ2
Affected pagehttps://www.theartofshaving.com/
Element#AQTZtWHR4Vk40cVlaQ__shavingart_global_banner_3XWBFh > .shavingart__global-banner-text--left.shavingart__global-banner-text > h1
Accessible nameSHAVING CREAMS
Markup<h1>
SHAVING CREAMS
</h1> Component · Ref D449W8
Affected pagehttps://www.theartofshaving.com/
Element#AZVFCWHhYYzAzR1JuQ__shavingart_global_banner_nhnWB6 > .shavingart__global-banner-text--left.shavingart__global-banner-text > p
Accessible nameGive a grooming upgrade that’s both stylish and useful. These kits are always appreciated and ready to impress—no wrapping required.
Markup<p>
Give a grooming upgrade that’s both stylish and useful. These kits are always appreciated and ready to impress—no wrapping required.
</p> Component · Ref GN8O7O
Affected pagehttps://www.theartofshaving.com/products/shaving-brush
Element#jdgm-sort-6iahkr
Accessible nameMost RecentHighest RatingLowest RatingOnly PicturesPictures FirstVideos FirstMost Helpful
Markup<select data-v-8ff89c07="" id="jdgm-sort-6iahkr" class="jdgm-sort-dropdown jm-sort-filter__select" value="created_at">
Component · Ref P1Y1CH
Affected pagehttps://www.theartofshaving.com/products/shaving-brush
Element.glide__slide--active > a
Accessible nameSHOP NOW
Markup<a href="/pages/shop-all-the-art-of-shaving">
SHOP NOW
</a> Component · Ref DSYYXI
Affected pagehttps://www.theartofshaving.com/
Element.glide__slide--active.glide__slide > p
Accessible nameLABOR DAY: 20% OFF SITEWIDE | CODE LABORDAY20
Markup<p>
LABOR DAY: 20% OFF SITEWIDE | CODE LABORDAY20
</p> Component · Ref 1E1JKH
Affected pagehttps://www.theartofshaving.com/
Element.shavingart__global-banner-text--right > h1
Accessible nameTHE BEST IN SHAVING, BUNDLED.
Markup<h1>
THE BEST IN SHAVING, BUNDLED.
</h1> Component · Ref AXHC0X
Affected pagehttps://www.theartofshaving.com/
Element.shavingart__global-banner-text--right > h5
Accessible namePREMIUM SHAVING BUNDLES
Markup<h5>
PREMIUM SHAVING BUNDLES
</h5> Component · Ref QLT7FM
Affected pagehttps://www.theartofshaving.com/
Element#AZVFCWHhYYzAzR1JuQ__shavingart_global_banner_nhnWB6 > .shavingart__global-banner-text--left.shavingart__global-banner-text > .visible_anchor
Accessible nameSHOP OUR MOST POPULAR GIFTS
Markup<a class="visible_anchor" href="/pages/mens-shaving-kits-sets-bundles-gifts">
SHOP OUR MOST POPULAR GIFTS
</a>
Medium
Carousel has no accessible controls
WCAG 2.1.1 (A)8 instances4 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 8 affected elements
Component · Ref V6LW50
Affected pagehttps://www.theartofshaving.com/pages/sign-up
Elementdiv#shopify-section-sections--28179278954577__header_announcements_eGYgAX > aside > announcement-bar-component
Accessible nameShop our latest arrivals!
Markup<announcement-bar-component class="announcement-bar__slider">
<div class="announcement-bar__slides">
<slideshow-slide ref="slides[]" class="
announcement-bar__slide
text-block
text-block--AcmEwZEhva0RlYXlxO__announcement_mBFdPC
text-block--align-center
text-block--full-width
custom-typography
custom-font-size
" style="
--color: ;--font-size: 1rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-h… Affected pages/ /blogs/default-blog/new-bourbon-products /pages/sign-up /products/shaving-brush
Component · Ref V9LJJZ
Affected pagehttps://www.theartofshaving.com/blogs/default-blog/new-bourbon-products
Elementdiv#df43b5235a4222f427ade1895e > a > div > img
Accessible nameBourbon Amber Cologne 100ml
Markup<img class="lazy-slider product-image" data-original="https://cdn11.bigcommerce.com/s-eeu45knt5x/product_images/uploaded_images/00670535719502.png" alt="Bourbon Amber Cologne 100ml" title="Bourbon Amber Cologne 100ml" src="https://cdn11.bigcommerce.com/s-eeu45knt5x/product_images/uploaded_images/00670535719502.png">
Component · Ref 54C55V
Affected pagehttps://www.theartofshaving.com/blogs/default-blog/new-bourbon-products
Elementdiv#\34 d2727d6f2de6496bfa8e55075 > a > div > img
Accessible nameBourbon Shaving Cream 5 oz
Markup<img class="lazy-slider product-image" data-original="https://cdn11.bigcommerce.com/s-eeu45knt5x/product_images/uploaded_images/00670535728238.png" alt="Bourbon Shaving Cream 5 oz" title="Bourbon Shaving Cream 5 oz" src="https://cdn11.bigcommerce.com/s-eeu45knt5x/product_images/uploaded_images/00670535728238.png">
Component · Ref EQ0OH5
Affected pagehttps://www.theartofshaving.com/blogs/default-blog/new-bourbon-products
Elementdiv#\35 dd414e3fff9e8e46422f6c3ad > a > div > img
Accessible nameBourbon Pre-Shave Oil 2 oz
Markup<img class="lazy-slider product-image" data-original="https://cdn11.bigcommerce.com/s-eeu45knt5x/product_images/uploaded_images/00670535728221.png" alt="Bourbon Pre-Shave Oil 2 oz" title="Bourbon Pre-Shave Oil 2 oz" src="https://cdn11.bigcommerce.com/s-eeu45knt5x/product_images/uploaded_images/00670535728221.png">
Medium
Content sits outside any landmark region
WCAG 1.3.1 (A)4 instances4 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 4 affected elements
Component · Ref 1K8XCQ
Affected pagehttps://www.theartofshaving.com/products/shaving-brush
Elementdiv#shopify-section-sections--28179278954577__shavingart_announcement_bar_xwJLf3 > section > div
Accessible nameFree Standard Shipping on all Orders
SHOP NOW
LABOR DAY: 20% OFF SITEWIDE | CODE LABORDAY20
Markup<div class="glide shavingart__announcement-bar-glide glide--ltr glide--slider glide--swipeable" data-slider="announcement" data-speed="3000">
<div class="glide__track" data-glide-el="track">
<ul class="glide__slides" style="transition: transform 800ms cubic-bezier(0.165, 0.84, 0.44, 1); width: 2880px; transform: translate3d(0px, 0px, 0px);">
<li class="glide__slide glide__slide--active" style="width: 1440px; margin-right: 0px;">
<p>
Free Standard Shipping on all Orders
</p>
<a href="/pages/shop-all-the-art-of-shavin… Affected pages/ /blogs/default-blog/new-bourbon-products /pages/sign-up /products/shaving-brush
Medium
Navigation regions are not distinguishable
WCAG 1.3.1 (A)16 instances4 inspected pages
The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.
Why it mattersThe page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.
Recommended correctionGive each navigation region a distinct aria-label (e.g. "Primary", "Footer") when more than one is present.
View 16 affected elements
Component · Ref 31BU5C
Affected pagehttps://www.theartofshaving.com/products/shaving-brush
Elementdiv#account-popover > div > div > nav
Accessible nameOrders
Profile
Markup<nav class="account-actions__nav">
<ul class="account-actions__list">
<li class="account-actions__list-item">
<a href="/account" class="account-actions__link button-secondary">
<span class="account-actions__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
<path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 … Affected pages/ /blogs/default-blog/new-bourbon-products /pages/sign-up /products/shaving-brush
Component · Ref NP1SGH
Affected pagehttps://www.theartofshaving.com/pages/sign-up
Elementheader-actions > dialog-component > dialog > div > div > nav
Accessible nameOrders
Profile
Markup<nav class="account-actions__nav">
<ul class="account-actions__list">
<li class="account-actions__list-item">
<a href="/account" class="account-actions__link button-secondary">
<span class="account-actions__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
<path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 … Affected pages/ /blogs/default-blog/new-bourbon-products /pages/sign-up /products/shaving-brush
Component · Ref EO8Z6E
Affected pagehttps://www.theartofshaving.com/products/shaving-brush
Elementdiv#shopify-section-sections--28179278954577__shavingart_header_6JptaU > section > div:nth-of-type(2) > header-menu > div > nav
Accessible nameSHAVING CREAMS
CREAMS & SOAPS
Shaving Cream
Shaving Soaps & Soap Refills
Shaving Brushes
[data-menu-grid-id="MegaMenuList-1"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-1"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
OILS & BALMS
PRE-SHAVE OILS
PRE-SHAVE OILS
PRE-SHAVE PUMPS
BALMS
AFTERSHAVE BALM
STUBBLE BALM
[data-menu-grid-id="MegaMenuList-2"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-2"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
KITS & BUNDLES
SHAVING KITS
Full Size Box Kits
Travel Size Box Kits
Cream & Brush Box Kits
Shaving Bundles
Core Elements Bundles
[data-menu-grid-id="MegaMenuList-3"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-3"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
BEARD CARE
Beard Care
Beard Oil
Beard Wash
Beard Conditioner
[data-menu-grid-id="MegaMenuList-4"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-4"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
SHOP ALL
More
Markup<nav class="menu-list" style="--menu-top-level-font-family: var(--font-heading--family);
--menu-top-level-font-size-desktop: 1rem; --menu-top-level-font-style: var(--font-heading--style); --menu-top-level-font-weight: var(--font-heading--weight); --menu-top-level-font-case:none;
--menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
var(--menu-font-sm--line-height);
--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
">
<overflow-list ref="overflowMenu" class="overflow-… Affected pages/ /blogs/default-blog/new-bourbon-products /pages/sign-up /products/shaving-brush
Component · Ref AIH0JJ
Affected pagehttps://www.theartofshaving.com/products/shaving-brush
Elementdetails#Details-menu-drawer-container > div:nth-of-type(1) > nav
Accessible nameSHAVING CREAMS
SHAVING CREAMS
CREAMS & SOAPS
Shaving Cream
Shaving Soaps & Soap Refills
Shaving Brushes
OILS & BALMS
OILS & BALMS
PRE-SHAVE OILS
PRE-SHAVE OILS
PRE-SHAVE PUMPS
BALMS
AFTERSHAVE BALM
STUBBLE BALM
KITS & BUNDLES
KITS & BUNDLES
SHAVING KITS
Full Size Box Kits
Travel Size Box Kits
Cream & Brush Box Kits
Shaving Bundles
Core Elements Bundles
BEARD CARE
BEARD CARE
Beard Care
Beard Oil
Beard Wash
Beard Conditioner
SHOP ALL
Markup<nav class="menu-drawer__navigation" style="--menu-top-level-font-family: var(--font-heading--family);
--menu-top-level-font-size-desktop: 1rem; --menu-top-level-font-style: var(--font-heading--style); --menu-top-level-font-weight: var(--font-heading--weight); --menu-top-level-font-case:none;
--menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
var(--menu-font-2xl--line-height);
--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
--menu-parent-font-family: var(--font-heading--family); -…
Affected pages/ /blogs/default-blog/new-bourbon-products /pages/sign-up /products/shaving-brush
Medium
List markup is malformed
WCAG 1.3.1 (A)4 instances4 inspected pages
A list contains elements other than the list items it should, breaking its structure.
Why it mattersA list contains elements other than the list items it should, breaking its structure.
Recommended correctionEnsure <ul>/<ol> contain only <li> (plus <script>/<template>) as direct children.
View 4 affected elements
Component · Ref URDQK6
Affected pagehttps://www.theartofshaving.com/
Elementoverflow-list,ul[part="list"]
Accessible nameSHAVING CREAMS
CREAMS & SOAPS
Shaving Cream
Shaving Soaps & Soap Refills
Shaving Brushes
[data-menu-grid-id="MegaMenuList-1"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-1"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
OILS & BALMS
PRE-SHAVE OILS
PRE-SHAVE OILS
PRE-SHAVE PUMPS
BALMS
AFTERSHAVE BALM
STUBBLE BALM
[data-menu-grid-id="MegaMenuList-2"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-2"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
KITS & BUNDLES
SHAVING KITS
Full Size Box Kits
Travel Size Box Kits
Cream & Brush Box Kits
Shaving Bundles
Core Elements Bundles
[data-menu-grid-id="MegaMenuList-3"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-3"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
BEARD CARE
Beard Care
Beard Oil
Beard Wash
Beard Conditioner
[data-menu-grid-id="MegaMenuList-4"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-4"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
SHOP ALL
More
Markup<ul part="list" style="height: 42.7344px; flex-wrap: wrap; counter-reset: overflow-count 0; overflow: unset;">
Affected pages/ /blogs/default-blog/new-bourbon-products /pages/sign-up /products/shaving-brush
Medium
ARIA container is missing required child roles
WCAG 1.3.1 (A)3 instances1 inspected page
An ARIA role that requires specific child roles does not contain them, breaking the widget semantics.
Why it mattersAn ARIA role that requires specific child roles does not contain them, breaking the widget semantics.
Recommended correctionProvide the child roles the container role requires (e.g. option inside listbox).
View 3 affected elements
Component · Ref OV0SYI
Affected pagehttps://www.theartofshaving.com/
Element#shopify-section-template--28179279315025__shavingart_product_glide_hKa7bT > .shavingart__product-glide > .shavingart__product-glide-bottom > .glide.glide--ltr[data-slider="product"] > .shavingart__product-glide-controls > .shavingart__product-glide-controls-row > .shavingart__product-glide-bars[role="tablist"][aria-label="Product pages"]
Accessible nameProduct pages
Roletablist
Markup<div class="shavingart__product-glide-bars" role="tablist" aria-label="Product pages">
Medium
List items are not inside a list
WCAG 1.3.1 (A)3 instances1 inspected page
A <li> appears outside a <ul> or <ol>, so the list relationship is not conveyed to assistive technology.
Why it mattersA <li> appears outside a <ul> or <ol>, so the list relationship is not conveyed to assistive technology.
Recommended correctionWrap related <li> elements in a <ul> or <ol>, or use a different element for non-list content.
View 3 affected elements
Component · Ref N7ASB4
Affected pagehttps://www.theartofshaving.com/
Element#ATmx1dW9ZOGFFRkJQN__shavingart_global_banner_RYdxp8
Accessible namePREMIUM SHAVING BUNDLES
THE BEST IN SHAVING, BUNDLED.
Great shaves shouldn’t take trial and error. These curated bundles & designer shave kits combine our best products into smart sets for better results with less guesswork.
SHOP ALL BUNDLES
Markup<li id="ATmx1dW9ZOGFFRkJQN__shavingart_global_banner_RYdxp8" class="shavingart__global-banner glide__slide">
Medium
Table headers in a data table must refer to data cells
WCAG 1.3.1 (A)4 instances1 inspected page
Table headers in a data table must refer to data cells
Why it mattersTable headers in a data table must refer to data cells
Recommended correctionReview the affected element and correct the reported accessibility issue.
View 4 affected elements
Component · Ref M2739P
Affected pagehttps://www.theartofshaving.com/blogs/default-blog/new-bourbon-products
Element.addons.offers.specialoffer:nth-child(2) > .rte-table-wrapper > table[summary="Bourbon Amber Cologne 100ml"]
Accessible nameglobal.tablecontent
Special Offer
Markup<table class="offer-box vm tm-none" summary="Bourbon Amber Cologne 100ml">
Component · Ref 50717E
Affected pagehttps://www.theartofshaving.com/blogs/default-blog/new-bourbon-products
Element#\31 8896eae16031d0c9bd35964fe > .product-tile-listing > .item-flag.flag-bottom.flag-bottom-message > .addons.offers.specialoffer:nth-child(2) > .rte-table-wrapper > table
Accessible nameglobal.tablecontent
Special Offer
Markup<table class="offer-box vm tm-none" summary="Bourbon After-Shave Balm 3.3 oz">
Low
Touch targets are too small
WCAG 2.5.8 (AA)6 instances1 inspected page
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 6 affected elements
Component · Ref UB3EUA
Affected pagehttps://www.theartofshaving.com/blogs/default-blog/new-bourbon-products
Element.name-link[title="Bourbon Pre-Shave Oil 2 oz"]
Accessible nameBourbon Pre-Shave Oil 2 oz
Markup<a class="name-link" href="/shaving-products-pre-shave-oil/PG_00670535728221.html" title="Bourbon Pre-Shave Oil 2 oz" tabindex="0">
Bourbon Pre-Shave Oil 2 oz
</a> Component · Ref 7BOGLN
Affected pagehttps://www.theartofshaving.com/blogs/default-blog/new-bourbon-products
Element.icons > a:nth-child(1)
Accessible namehttps://www.facebook.com/sharer/sharer.php
Markup<a href="javascript:share('https://www.facebook.com/sharer/sharer.php?u=https://www.theartofshaving.com/new-bourbon-products.html')%20"> Component · Ref 6LF91G
Affected pagehttps://www.theartofshaving.com/blogs/default-blog/new-bourbon-products
Element.back_to_taos_btn1 > a[href$="blog.html"][title="BACK TO BLOG"]
Accessible nameBACK TO BLOG
Markup<a href="/blog.html" title="BACK TO BLOG">BACK TO BLOG</a>