Critical
Links lack accessible text
WCAG 2.4.4 (A)5 instances2 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/the-spice-lab-bad-sweet-tangy-mustard-rub-7012.
View 5 affected elements
Component · Ref NQ3TKZ
Affected pagehttps://spices.com/
Element.slideshow__link[href$="chili-blends"]
Markup<a href="/collections/chili-blends" class="slideshow__link" style="z-index:20;" tabindex="-1"></a>
Component · Ref N3X3SS
Affected pagehttps://spices.com/
Elementa[href$="smash-burger"]
Markup<a href="/products/smash-burger" class="slideshow__link" style="z-index:20;" tabindex="-1"></a>
Component · Ref W4UAQG
Affected pagehttps://spices.com/pages/apply
Elementdiv:nth-child(5) > a
Markup<a href="https://cdn.shopify.com/s/files/1/0478/1260/8159/files/2022_Employment_application_V2.pdf?v=1720550603"><img alt="" src="https://cdn.shopify.com/s/files/1/0478/1260/8159/files/hiring-banner5_1024x1024.jpg?v=1649080366"></a>
Component · Ref Q2HX1J
Affected pagehttps://spices.com/pages/apply
Elementa[href$="g_ewNAK_vnw"]
Markup<a href="https://youtu.be/g_ewNAK_vnw"><img alt="" src="https://cdn.shopify.com/s/files/1/0478/1260/8159/files/hiring-banner3_1024x1024.jpg?v=1648845190"></a>
High
Hidden elements can still receive keyboard focus
WCAG 2.4.3 (A)28 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 28 affected elements
Component · Ref BPQJKZ
Affected pagehttps://spices.com/
Elementdiv#free-shipping-popup__thespicelab-4446 > div:nth-of-type(5) > a
Accessible nameFree Shipping Popup
Markup<a href="https://apps.shopify.com/free-shipping-popup?utm_source=thespicelab.myshopify.com&utm_campaign=built-with-link&utm_medium=popup" style="color:#666666;" target="_blank">
Free Shipping Popup
</a> Affected pages/ /account/login /pages/apply /pages/contact-us /cart
Component · Ref VVW8JN
Affected pagehttps://spices.com/
Elementdiv > div > div > div:nth-of-type(3) > div > a:nth-of-type(2)
Accessible nameCart
Markup<a href="/cart" aria-label="Cart" class="js-drawer-open-right-link site-nav__link cart-count-enabled shopping-cart standalone-icon--wrapper header-icons-enabled" aria-controls="CartDrawer" aria-expanded="false">
<span class="icon-fallback-text">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="fa-2x"><path d="M16.2493 18.3333C16.5809 18.3333 16.8988 18.2016 17.1332 17.9671C17.3677 17.7327 17.4993 17.4148 17.4993 17.0833C17.4993 16.7517 17.3677 16.4338 17.1332 16.1994C16.8988 15.9649 16.5809 15.8333 … Affected pages/ /account/login /pages/apply /pages/contact-us /cart
Component · Ref AD5EFI
Affected pagehttps://spices.com/account/login
Elementinput#RecoverEmail
Markup<input type="email" value="" name="email" id="RecoverEmail" class="input-full" placeholder="Email" autocorrect="off" autocapitalize="off">
Component · Ref 1ZSUBU
Affected pagehttps://spices.com/account/login
Elementdiv#RecoverPasswordForm > div:nth-of-type(2) > form > p:nth-of-type(1) > button
Accessible nameSubmit
Markup<button type="submit" class="btn btn--full account-section--btn">Submit</button>
Component · Ref 20UENZ
Affected pagehttps://spices.com/
Elementdiv > div > div:nth-of-type(2) > div > h1 > a
Accessible name.logo_image {
max-height: unset!important;
width: 195px;
}
@media screen and (max-width: 989px) {
.logo_image {
width: 120px;
}
}
<img
class="theme-img logo_image"
src="//spices.com/cdn/shop/files/TSLn-Logo-K.png?crop=center&height=1000&v=1724096468&width=1000"
alt="The Spice Lab"
itemprop="logo"
style="object-fit:cover;object-position:50.0% 50.0%!important;"
loading="eager"
/>
Markup<a href="/" itemprop="url" class="site-header__logo-image">
<style>
.logo_image {
max-height: unset!important;
width: 195px;
}
@media screen and (max-width: 989px) {
.logo_image {
width: 120px;
}
}
</style>
<div class="responsive-image-wrapper" style="">
<noscript aria-hidden="true">
<img
class="theme-img logo_image"
src="//spices.com/cdn/shop/files/TSLn-Logo-K.png?crop=center&height=1000&v=1724096468&width=1000"
… Component · Ref YSRPBX
Affected pagehttps://spices.com/account/login
Elementa#HideRecoverPasswordLink
Accessible nameCancel
Markup<a tabindex="0" id="HideRecoverPasswordLink" class="text-link animated-link--item">Cancel</a>
High
Interactive controls are not keyboard-accessible
WCAG 2.1.1 (A)9 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 9 affected elements
Component · Ref VN7GAV
Affected pagehttps://spices.com/pages/contact-us
Elementdiv#NavDrawer > div > div:nth-of-type(1) > div > a
Accessible nameClose menu
Rolebutton
Markup<a class="mobile-menu--close-btn standalone-icon--wrapper" aria-label="Close menu" role="button" tabindex="-1" target="_blank" rel="noreferrer noopener">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M5.63086 14.3692L10 10L14.3692 14.3692M14.3692 5.63086L9.99919 10L5.63086 5.63086" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</a> Affected pages/ /account/login /pages/apply /pages/contact-us /cart
Component · Ref GD4MJH
Affected pagehttps://spices.com/
Elementdiv > div > div:nth-of-type(2) > div > div:nth-of-type(1) > div:nth-of-type(1)
Accessible namePrevious slide
Rolebutton
Markup<div class="swiper-button--prev btn swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-9ec10bf337aabed7c" aria-disabled="true">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M13 5L8 10L13 15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</div> Component · Ref PZHP9S
Affected pagehttps://spices.com/
Elementdiv > div > div:nth-of-type(2) > div > div:nth-of-type(1) > div:nth-of-type(2)
Accessible nameNext slide
Rolebutton
Markup<div class="swiper-button--next btn swiper-button-disabled swiper-button-lock" tabindex="-1" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-931f708fa1075e07e" aria-disabled="true">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M8 5L13 10L8 15" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</div>
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 2N8RR2
Affected pagehttps://spices.com/pages/apply
Elementbody#apply
Accessible name/*<![CDATA[*/@import url('https://fonts.googleapis.com/css?family=Arapey|EB+Garamond|Karla|Lato|Montserrat|Old+Standard+TT|Open+Sans|PT+Serif|Raleway|Roboto:400,500|Source+Sans+Pro|Unica+One|Work+Sans');
.free-shipping-popup__thespicelab-4446 > * {
line-height: 1;
font-family: 'Roboto', sans-serif;
font-size: 13px;
font-weight: 400;
}
@-webkit-keyframes delivery-robot {
0% {
background-position-x: 0
}
to {
background-position-x: -5900px
}
}
@keyframes delivery-robot {
0% {
background-position-x: 0
}
to {
background-position-x: -5900px
}
}
.free-shipping-popup__thespicelab-4446 p {
color: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
margin: 0;
padding: 0;
}
.free-shipping-popup--full__thespicelab-4446 .free-shipping-popup__price__thespicelab-4446 .sign__thespicelab-4446,
.spinner__winners__thespicelab-4446 {
font-size: 0
}
.free-shipping-popup__thespicelab-4446 {
-webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .2);
box-shadow: 0 3px 15px rgba(0, 0, 0, .2);
z-index: 1000000000;
margin-top: 0px;
pointer-events: all;
text-align: left;
max-width: 640px;
min-width: 330px;
background: #fff;
border-radius: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 21px;
padding-bottom: 20px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.free-shipping-popup--animated__thespicelab-4446 {
-webkit-transition: opacity .3s linear, -webkit-transform .6s;
transition: opacity .3s linear, -webkit-transform .6s;
-o-transition: transform .6s, opacity .3s linear;
transition: transform .6s, opacity .3s linear;
transition: transform .6s, opacity .3s linear, -webkit-transform .6s;
}
.free-shipping-popup--show__thespicelab-4446 {
opacity: 1;
-webkit-transform: scale(1.0);
-ms-transform: scale(1.0);
transform: scale(1.0);
}
.free-shipping-popup__h__thespicelab-4446 {
font-weight: 400;
font-size: 18px;
padding: 0 20px;
line-height: 1.8;
}
.free-shipping-popup__info__thespicelab-4446 {
margin-top: 14px;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.free-shipping-popup__built-with__thespicelab-4446 {
height: 20px;
margin-top: 5px;
margin-bottom: -15px;
line-height: 2;
text-align: right;
padding-right: 20px;
font-size: 10px;
}
.free-shipping-popup__built-with__thespicelab-4446 a {
text-decoration: none;
}
.free-shipping-popup__price__thespicelab-4446,
.free-shipping-popup__text__thespicelab-4446 {
display: inline-block;
zoom: 1;
*display: inline;
list-style: none;
vertical-align: middle
}
.free-shipping-popup__text__thespicelab-4446 {
line-height: 121%;
min-width: 130px;
max-width: 400px;
}
.free-shipping-popup__price__thespicelab-4446 {
position: relative;
font-size: 30px;
color: #45b2ef;
font-weight: 500;
letter-spacing: -.5px;
min-width: 120px;
width: 120px;
text-align: right;
vertical-align: top;
}
.free-shipping-popup__anim__thespicelab-4446 {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 110px;
overflow: hidden;
}
.free-shipping-popup--animated__thespicelab-4446 .free-shipping-popup__anim__thespicelab-4446 {
-webkit-transition-property: padding;
-o-transition-property: padding;
transition-property: padding;
-webkit-transition-duration: .4s;
-o-transition-duration: .4s;
transition-duration: .4s;
}
.free-shipping-popup__anim__thespicelab-4446,
.free-shipping-popup__line__thespicelab-4446,
.free-shipping-popup__deliveryman__thespicelab-4446 {
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear
}
.free-shipping-popup__deliveryman__thespicelab-4446 {
left: -1px;
top: 0;
padding: 0;
line-height: 0;
background-size: 5900px;
-webkit-animation: delivery-robot 3s steps(59) infinite;
animation: delivery-robot 3s steps(59) infinite;
margin: 0 0 0 -50px;
position: absolute;
width: 100px;
height: 100px;
zoom: 1.01;
}
.free-shipping-popup__deliveryman__thespicelab-4446:empty {
display: block;
}
.free-shipping-popup__deliveryman--custom-image__thespicelab-4446 {
background-position-y: 0 !important;
background-size: contain !important;
animation: none !important;
}/*]]>*/
.free-shipping-popup--animated__thespicelab-4446 .free-shipping-popup__deliveryman__thespicelab-4446 {
-webkit-transition-property: margin;
-o-transition-property: margin;
transition-property: margin;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition: left .6s linear;
-o-transition: left .6s linear;
transition: left .6s linear;
}
.free-shipping-popup--animated__thespicelab-4446 .free-shipping-popup__deliveryman__thespicelab-4446.deliveryman--slow__thespicelab-4446 {
transition: left 2.1s linear;
}
.free-shipping-popup__line__thespicelab-4446 {
position: relative;
width: 100%;
height: 4px;
background: #f2f2f2;
}
.free-shipping-popup--animated__thespicelab-4446 .free-shipping-popup__line__thespicelab-4446 {
-webkit-transition-property: height;
-o-transition-property: height;
transition-property: height;
-webkit-transition-duration: .4s;
-o-transition-duration: .4s;
transition-duration: .4s
}
.free-shipping-popup--animated__thespicelab-4446 .free-shipping-popup__line__colored__thespicelab-4446 {
-webkit-transition: width .6s linear;
-o-transition: width .6s linear;
transition: width .6s linear;
}
.free-shipping-popup--animated__thespicelab-4446 .free-shipping-popup__line__colored.line__slow__thespicelab-4446 {
-webkit-transition: width 2.1s linear;
-o-transition: width 2.1s linear;
transition: width 2.1s linear;
}
.free-shipping-popup__line__colored__thespicelab-4446 {
display: flex !important;
background: #45b2ef;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 0;
}
.free-shipping-popup__btns__thespicelab-4446 {
margin-top: 30px;
padding: 0 20px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-justify-content: space-between;
}
.free-shipping-popup__order__thespicelab-4446 {
background: #45b2ef;
color: #fff
}
.free-shipping-popup__order__thespicelab-4446:hover {
background: #42a9e3
}
.free-shipping-popup__later__thespicelab-4446 {
background: #f2f2f2;
color: #6e6e6e;
margin-left: 16px
}
.free-shipping-popup__later__thespicelab-4446:hover {
background: #ececec
}
.free-shipping-popup--full__thespicelab-4446 .free-shipping-popup__deliveryman__thespicelab-4446 {
margin-left: 0;
display: none;
}
.free-shipping-popup--full__thespicelab-4446 .free-shipping-popup__price__thespicelab-4446 {
width: 120px;
height: 40px;
background-size: contain !important;
font-size: 0 !important;
margin-left: 0;
}
.free-shipping-popup--full__thespicelab-4446 .free-shipping-popup__anim__thespicelab-4446 {
padding-top: 10px !important;
}
.free-shipping-pop…[truncated by Evolize: exceeded D1 value limit]
Markup<body id="apply" class="template-page page-fade images-aspect-ratio loaded INDpositionLeft INDDesktop INDNetscape INDlangdirLTR INDnoTooltip" data-ind-ratio="100" data-indpositionleft="INDpositionLeft" data-inddesktop="INDDesktop" data-indnetscape="INDNetscape" data-indlangdirltr="INDlangdirLTR" data-indnotooltip="INDnoTooltip">
<div id="fsp__flex__thespicelab-4446">
<style>/*<![CDATA[*/@import url('https://fonts.googleapis.com/css?family=Arapey|EB+Garamond|Karla|Lato|Montserrat|Old+Standard+TT|Open+Sans|PT+Serif|Raleway|Roboto:400,500|Source+Sans+Pro|Unica+One|Work+Sans');
.free-shipping… Affected pages/ /account/login /pages/apply /pages/contact-us /cart
High
List items are not inside a list
WCAG 1.3.1 (A)35 instances5 inspected pages
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 35 affected elements
Component · Ref 1NETQ3
Affected pagehttps://spices.com/pages/contact-us
Element.first-level-dropdown.site-nav--has-dropdown[aria-haspopup="true"]:nth-child(3)
Accessible nameSeasonings & Rubs
All Purpose Seasoning
BBQ / Grilling Seasonings
Beef Seasonings
Poultry Seasonings
Pork Seasonings
Seafood Seasonings
Chili Blends
Curries & Turmerics
Herb Blends
View All
Markup<li class="site-nav--has-dropdown first-level-dropdown " aria-haspopup="true">
Affected pages/ /account/login /pages/apply /pages/contact-us /cart
Medium
Text has insufficient colour contrast
WCAG 1.4.3 (AA)79 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 79 affected elements
Component · Ref 1FMPS6
Affected pagehttps://spices.com/pages/apply
Elementli:nth-child(5) > a > .animated-underline
Accessible namePress/Media
Markup<span class="animated-underline">Press/Media</span>
Affected pages/ /account/login /pages/apply /pages/contact-us /cart
Component · Ref 1RWBKP
Affected pagehttps://spices.com/cart
Elementa[href$="shipping-policy"] > .animated-underline
Accessible nameShipping Policy
Markup<span class="animated-underline">Shipping Policy</span>
Affected pages/ /account/login /pages/apply /pages/contact-us /cart
Component · Ref UVV387
Affected pagehttps://spices.com/pages/apply
Element.site-nav__link[href$="recipes"] > .site-nav--link-wrapper > .site-nav--link-text.animated-underline
Accessible nameRecipes
Markup<span class="site-nav--link-text animated-underline">
Recipes
</span> Affected pages/ /account/login /pages/apply /pages/contact-us /cart
Component · Ref MLYM6T
Affected pagehttps://spices.com/pages/contact-us
Elementa[href$="terms"]
Accessible nameTerms of Service
Markup<a href="https://hcaptcha.com/terms">Terms of Service</a>
Component · Ref WIC54Y
Affected pagehttps://spices.com/account/login
Element#customer_register_link
Accessible nameCreate account
Markup<a href="/account/register" id="customer_register_link">Create account</a>
Component · Ref XLJHN7
Affected pagehttps://spices.com/pages/contact-us
Elementbutton[type="submit"]
Accessible nameSend
Markup<button type="submit" class="btn">Send</button>
Component · Ref 326Z9Q
Affected pagehttps://spices.com/cart
Element.btn
Accessible nameContinue shopping
Markup<a href="/collections/all" class="btn">Continue shopping</a>
Component · Ref 6UJU2W
Affected pagehttps://spices.com/account/login
Element.login-form-cancel
Accessible nameReturn to store
Markup<a href="/" class="login-form-cancel animated-link--item">Return to store</a>
Component · Ref UVNO91
Affected pagehttps://spices.com/pages/contact-us
Element.homepage-featured-box-btn
Accessible nameBack
Markup<a href="javascript: history.go(-1)" class="btn homepage-featured-box-btn">
Back
</a> Component · Ref MC4SL0
Affected pagehttps://spices.com/account/login
Elementp:nth-child(8) > .btn.btn--full.account-section--btn
Accessible nameSign In
Markup<button type="submit" class="btn btn--full account-section--btn">Sign In</button>
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 Y74ONY
Affected pagehttps://spices.com/pages/contact-us
Elementdiv#free-shipping-popup__thespicelab-4446 > div:nth-of-type(1) > p
Accessible nameYour cart has been updated
Markup<p>Your cart has been updated</p>
Affected pages/ /account/login /pages/apply /pages/contact-us /cart
Medium
Navigation regions are not distinguishable
WCAG 1.3.1 (A)10 instances5 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 10 affected elements
Component · Ref NI1JOW
Affected pagehttps://spices.com/pages/contact-us
Elementdiv#shopify-section-sections--18543419850991__header > div > nav
Accessible nameNavigation
.logo_image {
max-height: unset!important;
width: 195px;
}
@media screen and (max-width: 989px) {
.logo_image {
width: 120px;
}
}
<img
class="theme-img logo_image"
src="//spices.com/cdn/shop/files/TSLn-Logo-K.png?crop=center&height=1000&v=1724096468&width=1000"
alt="The Spice Lab"
itemprop="logo"
style="object-fit:cover;object-position:50.0% 50.0%!important;"
loading="eager"
/>
Search
0
Cart
Markup<nav class="nav-bar mobile-nav-bar-wrapper">
<div class="wrapper-spacing--h">
<div class="mobile-nav-bar--inner">
<div class="mobile-grid--table">
<div class="grid__item three-twelfths">
<div class="site-nav--mobile">
<button type="button" aria-label="Navigation" class="hamburger-nav-button icon-fallback-text site-nav__link js-drawer-open-left-link standalone-icon--wrapper" aria-controls="NavDrawer" aria-expanded="false">
<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="fa-2x"><path d=… Affected pages/ /account/login /pages/apply /pages/contact-us /cart
Component · Ref AKP5PZ
Affected pagehttps://spices.com/
Elementul#AccessibleNav
Accessible nameNew
Fiery Chili Verde
Nonna's Special Blend
Double Crushed Red Pepper Flakes
Bonfire Chili Powder Blend
Spicy Calabrian Chili Blend
Pretzel Salt
Salts & Sugars
Himalayan Salt
Himalayan Salt
Himalayan Items
Black Kala Namak
Hawaiian Sea Salts
Smoked Salts
Infused / Flavored Salts
Hot & Spicy Sea Salts
Large Flake Salts
View All Salts
Sugars
Baking Spice & Sugars
Sugars
Seasonings & Rubs
All Purpose Seasoning
BBQ / Grilling Seasonings
Beef Seasonings
Poultry Seasonings
Pork Seasonings
Seafood Seasonings
Chili Blends
Curries & Turmerics
…[truncated by Evolize: exceeded D1 value limit]
Rolenavigation
Markup<ul class="site-nav nav-link-animated mega-menu-wrapper js" id="AccessibleNav" role="navigation">
<li class="site-nav--has-dropdown first-level-dropdown " aria-haspopup="true">
<a href="/" class="site-nav__link">
<div class="site-nav--link-wrapper">
<span class="site-nav--link-text animated-underline">
New
</span>
</div>
</a>
<ul class="site-nav__dropdown standard-dropdown" data-logo-placement="left">
<li>
<a href="/product… Affected pages/ /account/login /pages/apply /pages/contact-us /cart
Low
Page has no level-one heading
WCAG 1.3.1 (A)1 instance1 inspected page
The page exposes no <h1>, so its topic is not conveyed in the heading structure.
Why it mattersThe page exposes no <h1>, so its topic is not conveyed in the heading structure.
Recommended correctionAdd a single descriptive <h1> that names the page's primary purpose.
View 1 affected element
Component · Ref NX9ZY1
Affected pagehttps://spices.com/pages/contact-us
Elementbody#contact-us
Accessible name/*<![CDATA[*/@import url('https://fonts.googleapis.com/css?family=Arapey|EB+Garamond|Karla|Lato|Montserrat|Old+Standard+TT|Open+Sans|PT+Serif|Raleway|Roboto:400,500|Source+Sans+Pro|Unica+One|Work+Sans');
.free-shipping-popup__thespicelab-4446 > * {
line-height: 1;
font-family: 'Roboto', sans-serif;
font-size: 13px;
font-weight: 400;
}
@-webkit-keyframes delivery-robot {
0% {
background-position-x: 0
}
to {
background-position-x: -5900px
}
}
@keyframes delivery-robot {
0% {
background-position-x: 0
}
to {
background-position-x: -5900px
}
}
.free-shipping-popup__thespicelab-4446 p {
color: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
margin: 0;
padding: 0;
}
.free-shipping-popup--full__thespicelab-4446 .free-shipping-popup__price__thespicelab-4446 .sign__thespicelab-4446,
.spinner__winners__thespicelab-4446 {
font-size: 0
}
.free-shipping-popup__thespicelab-4446 {
-webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, .2);
box-shadow: 0 3px 15px rgba(0, 0, 0, .2);
z-index: 1000000000;
margin-top: 0px;
pointer-events: all;
text-align: left;
max-width: 640px;
min-width: 330px;
background: #fff;
border-radius: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 21px;
padding-bottom: 20px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.free-shipping-popup--animated__thespicelab-4446 {
-webkit-transition: opacity .3s linear, -webkit-transform .6s;
transition: opacity .3s linear, -webkit-transform .6s;
-o-transition: transform .6s, opacity .3s linear;
transition: transform .6s, opacity .3s linear;
transition: transform .6s, opacity .3s linear, -webkit-transform .6s;
}
.free-shipping-popup--show__thespicelab-4446 {
opacity: 1;
-webkit-transform: scale(1.0);
-ms-transform: scale(1.0);
transform: scale(1.0);
}
.free-shipping-popup__h__thespicelab-4446 {
font-weight: 400;
font-size: 18px;
padding: 0 20px;
line-height: 1.8;
}
.free-shipping-popup__info__thespicelab-4446 {
margin-top: 14px;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.free-shipping-popup__built-with__thespicelab-4446 {
height: 20px;
margin-top: 5px;
margin-bottom: -15px;
line-height: 2;
text-align: right;
padding-right: 20px;
font-size: 10px;
}
.free-shipping-popup__built-with__thespicelab-4446 a {
text-decoration: none;
}
.free-shipping-popup__price__thespicelab-4446,
.free-shipping-popup__text__thespicelab-4446 {
display: inline-block;
zoom: 1;
*display: inline;
list-style: none;
vertical-align: middle
}
.free-shipping-popup__text__thespicelab-4446 {
line-height: 121%;
min-width: 130px;
max-width: 400px;
}
.free-shipping-popup__price__thespicelab-4446 {
position: relative;
font-size: 30px;
color: #45b2ef;
font-weight: 500;
letter-spacing: -.5px;
min-width: 120px;
width: 120px;
text-align: right;
vertical-align: top;
}
.free-shipping-popup__anim__thespicelab-4446 {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 110px;
overflow: hidden;
}
.free-shipping-popup--animated__thespicelab-4446 .free-shipping-popup__anim__thespicelab-4446 {
-webkit-transition-property: padding;
-o-transition-property: padding;
transition-property: padding;
-webkit-transition-duration: .4s;
-o-transition-duration: .4s;
transition-duration: .4s;
}
.free-shipping-popup__anim__thespicelab-4446,
.free-shipping-popup__line__thespicelab-4446,
.free-shipping-popup__deliveryman__thespicelab-4446 {
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear
}
.free-shipping-popup__deliveryman__thespicelab-4446 {
left: -1px;
top: 0;
padding: 0;
line-height: 0;
background-size: 5900px;
-webkit-animation: delivery-robot 3s steps(59) infinite;
animation: delivery-robot 3s steps(59) infinite;
margin: 0 0 0 -50px;
position: absolute;
width: 100px;
height: 100px;
zoom: 1.01;
}
.free-shipping-popup__deliveryman__thespicelab-4446:empty {
display: block;
}
.free-shipping-popup__deliveryman--custom-image__thespicelab-4446 {
background-position-y: 0 !important;
background-size: contain !important;
animation: none !important;
}/*]]>*/
.free-shipping-popup--animated__thespicelab-4446 .free-shipping-popup__deliveryman__thespicelab-4446 {
-webkit-transition-property: margin;
-o-transition-property: margin;
transition-property: margin;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition: left .6s linear;
-o-transition: left .6s linear;
transition: left .6s linear;
}
.free-shipping-popup--animated__thespicelab-4446 .free-shipping-popup__deliveryman__thespicelab-4446.deliveryman--slow__thespicelab-4446 {
transition: left 2.1s linear;
}
.free-shipping-popup__line__thespicelab-4446 {
position: relative;
width: 100%;
height: 4px;
background: #f2f2f2;
}
.free-shipping-popup--animated__thespicelab-4446 .free-shipping-popup__line__thespicelab-4446 {
-webkit-transition-property: height;
-o-transition-property: height;
transition-property: height;
-webkit-transition-duration: .4s;
-o-transition-duration: .4s;
transition-duration: .4s
}
.free-shipping-popup--animated__thespicelab-4446 .free-shipping-popup__line__colored__thespicelab-4446 {
-webkit-transition: width .6s linear;
-o-transition: width .6s linear;
transition: width .6s linear;
}
.free-shipping-popup--animated__thespicelab-4446 .free-shipping-popup__line__colored.line__slow__thespicelab-4446 {
-webkit-transition: width 2.1s linear;
-o-transition: width 2.1s linear;
transition: width 2.1s linear;
}
.free-shipping-popup__line__colored__thespicelab-4446 {
display: flex !important;
background: #45b2ef;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 0;
}
.free-shipping-popup__btns__thespicelab-4446 {
margin-top: 30px;
padding: 0 20px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-justify-content: space-between;
}
.free-shipping-popup__order__thespicelab-4446 {
background: #45b2ef;
color: #fff
}
.free-shipping-popup__order__thespicelab-4446:hover {
background: #42a9e3
}
.free-shipping-popup__later__thespicelab-4446 {
background: #f2f2f2;
color: #6e6e6e;
margin-left: 16px
}
.free-shipping-popup__later__thespicelab-4446:hover {
background: #ececec
}
.free-shipping-popup--full__thespicelab-4446 .free-shipping-popup__deliveryman__thespicelab-4446 {
margin-left: 0;
display: none;
}
.free-shipping-popup--full__thespicelab-4446 .free-shipping-popup__price__thespicelab-4446 {
width: 120px;
height: 40px;
background-size: contain !important;
font-size: 0 !important;
margin-left: 0;
}
.free-shipping-popup--full__thespicelab-4446 .free-shipping-popup__anim__thespicelab-4446 {
padding-top: 10px !important;
}
.free-shipping-pop…[truncated by Evolize: exceeded D1 value limit]
Markup<body id="contact-us" class="contact-page template-page page-fade images-aspect-ratio loaded INDpositionLeft INDDesktop INDNetscape INDlangdirLTR INDnoTooltip" data-ind-ratio="100" data-indpositionleft="INDpositionLeft" data-inddesktop="INDDesktop" data-indnetscape="INDNetscape" data-indlangdirltr="INDlangdirLTR" data-indnotooltip="INDnoTooltip">
<div id="fsp__flex__thespicelab-4446">
<style>/*<![CDATA[*/@import url('https://fonts.googleapis.com/css?family=Arapey|EB+Garamond|Karla|Lato|Montserrat|Old+Standard+TT|Open+Sans|PT+Serif|Raleway|Roboto:400,500|Source+Sans+Pro|Unica+One|Work+Sans');…