EVOLIZE Run a free assessment

Accessibility assessment of solvangspice.com

Automated technical assessment of 5 publicly accessible pages · Scanned 13 Aug 2026. Inspected 5 of 5 selected pages.

41findings detected
9critical + high
5pages inspected

What to fix first

  1. High Hidden elements can still receive keyboard focus
  2. High Hidden elements can still receive keyboard focus
  3. High Interactive controls are not keyboard-accessible
  4. High Interactive controls are not keyboard-accessible
  5. High Interactive controls are not keyboard-accessible

Findings

High

Hidden elements can still receive keyboard focus

An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

Component 5 affected pages 40 instances WCAG WCAG 2.1 SC 2.4.3 Focus Order (Level A) Ref 3XR0BA
Affected pagehttps://solvangspice.com/
Elementli#menu-item-home > a
Accessible nameHome
Markup
<a title="Home" class="menu-link  active   no-focus-link " href="/">

							<span><span class="">Home</span></span>

							

						</a>
How to fixTo fix this issue, ensure that all focusable elements are visible or remove them from the tab order by setting the 'tabindex' attribute to '-1' or using 'display: none;' or 'visibility: hidden;' in CSS.
High

Hidden elements can still receive keyboard focus

An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

Component 5 affected pages 5 instances WCAG WCAG 2.1 SC 2.4.3 Focus Order (Level A) Ref CNES3Y
Affected pagehttps://solvangspice.com/
Elementmain-header#site-header > div:nth-of-type(3) > search-form > div:nth-of-type(1) > form > input
Accessible nameSearch for...
Markup
<input name="q" type="search" autocomplete="off" placeholder="Search for..." aria-label="Search for..." data-js-search-input="" data-js-focus-overlay="search-results-overlay-mobile">
How to fixRemove the element from the tab order by setting the 'tabindex' attribute to '-1' or make the element visible when it receives focus.
High

Interactive controls are not keyboard-accessible

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.

Component 5 affected pages 5 instances WCAG WCAG 2.1 SC 2.1.1 Keyboard (Level A) Ref KM53FQ
Affected pagehttps://solvangspice.com/
Elementspan#go-top
Accessible nameGo to top
Markup
<span id="go-top" class="main-go-top" onclick="window.scrollTo({ top: 0, behavior: 'smooth' })">
      <span class="visually-hidden">Go to top</span>
      <span class="main-go-top__icon" aria-hidden="true"><svg width="13" height="8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.414.086 7.9 6.57 6.485 7.985 0 1.5 1.414.086Z" fill="#000"></path><path d="M12.985 1.515 6.5 8 5.085 6.586 11.571.101l1.414 1.414Z" fill="#000"></path></svg></span>
    </span>
How to fixAdd a tabindex attribute to the span element or replace it with a focusable element like a button or anchor tag to make it reachable by keyboard.
High

Interactive controls are not keyboard-accessible

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.

Component 5 affected pages 15 instances WCAG WCAG 2.1 SC 2.1.1 Keyboard (Level A) Ref G92AOS
Affected pagehttps://solvangspice.com/
Elementdiv#search-results-overlay-desktop
Markup
<div class="search-results-overlay" id="search-results-overlay-desktop" onclick="this.classList.remove('active')" style=""></div>
How to fixAdd focusable semantics or a tabindex to the interactive control, ensuring it can receive keyboard focus. For example, consider adding a tabindex attribute or using an HTML element that inherently supports keyboard focus, such as a button or anchor tag.
High

Interactive controls are not keyboard-accessible

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.

Component 5 affected pages 10 instances WCAG WCAG 2.1 SC 2.1.1 Keyboard (Level A) Ref 3LS1QZ
Affected pagehttps://solvangspice.com/
Elementdiv#dynamic-checkout-cart > shopify-accelerated-checkout-cart > div > ul > li:nth-of-type(1) > div
Rolebutton
Markup
<div class="wallet-cart-button wallet-cart-button__skeleton" role="button" disabled="" aria-hidden="true">&nbsp;</div>
How to fixAdd a tabindex to the element or ensure it has focusable semantics, and remove the aria-hidden attribute to make the control accessible to keyboard and switch users.
High

Hidden elements can still receive keyboard focus

An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

Component 5 affected pages 5 instances WCAG WCAG 2.1 SC 2.4.3 Focus Order (Level A) Ref SQ0B76
Affected pagehttps://solvangspice.com/
Elementsidebar-drawer#site-menu-sidebar > div:nth-of-type(1) > button
Accessible nameClose sidebar
Markup
<button class="sidebar__close" data-js-close="">
      <span class="visually-hidden">Close sidebar</span>
      <span aria-hidden="true" aria-role="img"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 1L1 17" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M1 1L17 17" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span>
    </button>
How to fixTo fix this issue, ensure that the button is removed from the tab order when it is not visible, or make it visible when it receives focus. This can be achieved by adding the 'tabindex=-1' attribute to the button when it is hidden, or by making the button visible when it receives focus using JavaScript and CSS.
High

Interactive controls must not be nested

Interactive controls must not be nested

Component 1 affected page 2 instances WCAG WCAG SC 4.1.2 Ref 129YDG
Affected pagehttps://solvangspice.com/products/gift-box
Element.sls-option-container.seal-table[data-selling-plan-group-id=""]:nth-child(3) > .seal-row > .seal-col-radio.seal-col[data-selling-plan-group-option-radio=""] > .sls-selling-plan-group-first-line[role="radio"]
Accessible nameSubscribe & Save 15% - Every Four Weeks
Roleradio
Markup
<div class="sls-selling-plan-group-first-line" tabindex="0" role="radio" aria-label="Subscribe & Save 15% - Every Four Weeks" aria-checked="false">
How to fixEnsure that interactive elements, such as radio buttons, are not nested inside other interactive elements. Instead, place them as direct children of a non-interactive container element.
High

Interactive controls must not be nested

Interactive controls must not be nested

Component 1 affected page 1 instance WCAG WCAG SC 4.1.2 Ref V4RJOM
Affected pagehttps://solvangspice.com/products/gift-box
Element.sls-selling-plan-group-first-line[aria-label="One-time purchase"][role="radio"]
Accessible nameOne-time purchase
Roleradio
Markup
<div class="sls-selling-plan-group-first-line" tabindex="0" role="radio" aria-label="One-time purchase" aria-checked="true">
How to fixEnsure that interactive elements, such as radio buttons, are not nested inside other interactive elements. Instead, place them as direct children of a non-interactive container element.
High

Scrollable region must have keyboard access

Scrollable region must have keyboard access

Component 1 affected page 1 instance WCAG WCAG SC 2.1.1, WCAG SC 2.1.3 Ref 03OT41
Affected pagehttps://solvangspice.com/
Element#typewriter-container > ul
Accessible nameWide variety of spices and teas from around the worldGreat customer service and knowledgeable staffUnique selection of flavored sugars, wooden kitchen tools, and glass water containersMust-visit store for cooking enthusiasts
Markup
<ul style="overflow-y: auto;margin: 0; list-style: none; height: 120px; font-size: 12px; margin-bottom: 0px; padding-left: 2rem; scrollbar-width: thin;">
How to fixEnsure the scrollable region can be accessed and navigated using a keyboard by adding appropriate keyboard event handlers or using a library that provides keyboard navigation support for scrollable content.
Medium

Content sits outside any landmark region

Meaningful content is not contained in a landmark (header/nav/main/footer/aside), so assistive-technology users cannot reach it via landmark navigation.

Component 5 affected pages 5 instances WCAG WCAG 2.1 SC 1.3.1 Info and Relationships (Level A) Ref 4WQK1V
Affected pagehttps://solvangspice.com/
Elementdiv#shopify-section-sections--16947013615835__footer > div:nth-of-type(1) > div > div:nth-of-type(1) > div > p:nth-of-type(1)
Accessible nameSolvang Spice Merchant is your premier destination for exquisite spices, teas, and seasonings.
Markup
<p>Solvang Spice Merchant is your premier destination for exquisite spices, teas, and seasonings. </p>
How to fixWrap the content in a landmark element (e.g., <header>, <nav>, <main>, <footer>, <aside>) to enable users to access it via landmark navigation.
Medium

Navigation regions are not distinguishable

The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.

Component 5 affected pages 5 instances WCAG WCAG 2.1 SC 1.3.1 Info and Relationships (Level A) Ref 8QVKEW
Affected pagehttps://solvangspice.com/
Elementsidebar-drawer#site-menu-sidebar > div:nth-of-type(2) > mobile-navigation > div > div > nav
Accessible nameHome Shop Gift Cards Contact Plan a Visit About Us Spice Stories Account
Markup
<nav><div class="header-actions flex-buttons"></div><ul class="link-list"><li id="menu-item-home">

						<a title="Home" class="menu-link  active   no-focus-link " href="/">

							<span><span class="">Home</span></span>

							

						</a>

						

					</li><li id="menu-item-shop">

						<a title="Shop" class="menu-link   no-focus-link " href="/collections/all">

							<span><span class="">Shop</span></span>

							

						</a>

						

					</li><li id="menu-item-gift-cards">

						<a title="Gift Cards" class="menu-link   no-focus-link " href="https://solvangspice.com/products/solvan…
How to fixAdd an 'aria-label' or 'aria-labelledby' attribute to each navigation landmark to provide a unique and descriptive name. For example, '<nav aria-label='Main Navigation'>...</nav>' or '<nav aria-labelledby='nav-title'>...<span id='nav-title'>Main Navigation</span></nav>'
Medium

Navigation regions are not distinguishable

The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.

Component 5 affected pages 10 instances WCAG WCAG 2.1 SC 1.3.1 Info and Relationships (Level A) Ref WREO8R
Affected pagehttps://solvangspice.com/
Elementdiv:nth-of-type(2) > div > scrollable-navigation > div > div > nav
Accessible nameHome Shop Gift Cards Contact Plan a Visit About Us Spice Stories
Markup
<nav><ul class="link-list"><li id="menu-item-home">

						<a title="Home" class="menu-link  active   no-focus-link " href="/">

							<span><span class="text-animation--underline-in-header">Home</span></span>

							

						</a>

						

					</li><li id="menu-item-shop">

						<a title="Shop" class="menu-link   no-focus-link " href="/collections/all">

							<span><span class="text-animation--underline-in-header">Shop</span></span>

							

						</a>

						

					</li><li id="menu-item-gift-cards">

						<a title="Gift Cards" class="menu-link   no-focus-link " href="https://solvangsp…
How to fixAdd an 'aria-label' or 'aria-labelledby' attribute to each navigation region, providing a unique and descriptive name that indicates the purpose of the navigation section.
Medium

Navigation regions are not distinguishable

The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.

Component 5 affected pages 5 instances WCAG WCAG 2.1 SC 1.3.1 Info and Relationships (Level A) Ref UXOERT
Affected pagehttps://solvangspice.com/
Elementdiv#shopify-section-sections--16947013615835__footer > div:nth-of-type(1) > div > div:nth-of-type(3) > nav
Accessible nameSearch Shipping & Returns Contact Us
Markup
<nav class="footer-item__menu rte"><span>
                      <a href="/search">Search</a>
                    </span><span>
                      <a href="/pages/shipping-returns">Shipping &amp; Returns</a>
                    </span><span>
                      <a href="/pages/contact">Contact Us</a>
                    </span></nav>
How to fixAdd an 'aria-label' or 'aria-labelledby' attribute to each navigation landmark to provide a unique and descriptive name, allowing screen readers to announce the purpose of each navigation region.
Medium

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 5 affected pages 28 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref 6K3YJV
Affected pagehttps://solvangspice.com/
Element.header-container--bottom > .header__bottom.container--large > scrollable-navigation > .style--classic.site-nav > .site-nav-container > nav > .link-list > li:nth-child(2) > .no-focus-link[title="Shop"][href$="all"] > span > .text-animation--underline-in-header
Accessible nameShop
Markup
<span class="text-animation--underline-in-header">Shop</span>
How to fixIncrease the contrast between the text color and background color of the 'Shop' navigation element to meet the minimum contrast ratio thresholds.
Medium

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 5 affected pages 5 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref 5WUHI4
Affected pagehttps://solvangspice.com/
Element.header-container--bottom > .header__bottom.container--large > scrollable-navigation > .style--classic.site-nav > .site-nav-container > nav > .link-list > li:nth-child(3) > .no-focus-link.menu-link[title="Gift Cards"] > span > .text-animation--underline-in-header
Accessible nameGift Cards
Markup
<span class="text-animation--underline-in-header">Gift Cards</span>
How to fixAdjust the color of the text or its background to ensure the contrast ratio meets the minimum requirements. This can be achieved by using online tools to calculate and adjust the contrast ratio.
Medium

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 4 affected pages 4 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref 55UGS2
Affected pagehttps://solvangspice.com/cart
Element.breadcrumb__current
Accessible nameCart
Markup
<span class="breadcrumb__current">Cart</span>
How to fixIncrease the contrast between the text color and background color of the breadcrumb, or use a higher contrast color scheme to meet the minimum contrast ratio thresholds.
Medium

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 4 affected pages 4 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref WXEOKT
Affected pagehttps://solvangspice.com/cart
Element.breadcrumb__link > a[href="/"]
Accessible nameHome
Markup
<a href="/">Home</a>
How to fixIncrease the contrast between the text color and background color of the link to meet the minimum contrast ratio thresholds.
Medium

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 3 affected pages 3 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref 423P89
Affected pagehttps://solvangspice.com/
Elementshop-follow-button,.cursor-pointer
Markup
<span class="cursor-pointer whitespace-nowrap pr-3 font-sans text-button-large transition-colors text-white">
How to fixIncrease the contrast between the text color and background color by using a color with a higher contrast ratio, such as a darker or lighter shade.
Medium

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 1 instance WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref IFLJU1
Affected pagehttps://solvangspice.com/
Element#Email-newsletter-template--16947013124315__1655112847aaa4cc50
Accessible nameEnter your email
Markup
<input type="email" class="newsletter__input" value="" placeholder="Enter your email" name="contact[email]" id="Email-newsletter-template--16947013124315__1655112847aaa4cc50" aria-label="Enter your email" autocorrect="off" autocapitalize="off" required="">
How to fixIncrease the contrast between the text color and background color of the email input field to meet the minimum contrast ratio thresholds.
Medium

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 1 instance WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref 3E1PWL
Affected pagehttps://solvangspice.com/
Element.newsletter__info > p
Accessible nameGet the latest updates on new products and upcoming sales
Markup
<p>Get the latest updates on new products and upcoming sales</p>
How to fixIncrease the contrast between the text and background colors by using a darker or lighter shade for either the text or the background to meet the minimum contrast ratio as defined by WCAG 2.1 SC 1.4.3.
Low

Page has no level-one heading

The page exposes no <h1>, so its topic is not conveyed in the heading structure.

Component 1 affected page 1 instance WCAG WCAG 2.1 SC 1.3.1 Info and Relationships (Level A) Ref 2MCLK4
Affected pagehttps://solvangspice.com/
Elementbody#solvang-spice-merchant
Accessible nameif ( 'ontouchstart' in window || window.DocumentTouch && document instanceof DocumentTouch ) { document.querySelector('body').classList.remove('no-touchevents'); document.querySelector('body').classList.add('touchevents'); } Skip to content Phone Email Facebook Instagram FIRST TIME? TAKE 15% OFF! Code: NEWSPICE26 #announcement-sections--16947013648603__announcement .announcement-bar, #announcement-sections--16947013648603__announcement .announcement-bar a, #announcement-sections--16947013648603__announcement .announcement-bar .localization-form__item-text { color: #ffffff; } #announcement-sections--16947013648603__announcement .announcement-bar svg *, #announcement-sections--16947013648603__announcement .announcement-bar .localization-form__item-symbol * { fill: #ffffff; }#announcement-sections--16947013648603__announcement, #announcement-sections--16947013648603__announcement .announcement-bar__content-nav { background: #111111; } .header__top { --header-logo: 80px; } @media screen and (max-width: 767px) { .header__top { --header-logo: 40px; } } Submit Account Open cart $0.00 0 <a class="button button--solid button--icon button--regular data-js-hidden" href="/cart" tabindex="0" > <span class="button__icon" role="img" aria-hidden="true"><svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-left:-2px"><path class="circle" d="M9.5 20C9.77614 20 10 19.7761 10 19.5C10 19.2239 9.77614 19 9.5 19C9.22386 19 9 19.2239 9 19.5C9 19.7761 9.22386 20 9.5 20Z" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path class="circle" d="M18.5 20C18.7761 20 19 19.7761 19 19.5C19 19.2239 18.7761 19 18.5 19C18.2239 19 18 19.2239 18 19.5C18 19.7761 18.2239 20 18.5 20Z" fill="white" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /><path d="M3 3H6.27273L8.46545 13.7117C8.54027 14.08 8.7452 14.4109 9.04436 14.6464C9.34351 14.8818 9.71784 15.0069 10.1018 14.9997H18.0545C18.4385 15.0069 18.8129 14.8818 19.112 14.6464C19.4112 14.4109 19.6161 14.08 19.6909 13.7117L21 6.9999H7.09091" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="fill:none !important"/></svg></span> <span data-header-cart-total aria-hidden="true">$0.00</span>&nbsp; (<span data-header-cart-count aria-hidden="true">0</span>) </a> Open menu Open cart0 Home Shop Gift Cards Contact Plan a Visit About Us Spice Stories Submit Menu Close sidebar Home Shop Gift Cards Contact Plan a Visit About Us Spice Stories Account Phone Email Facebook Instagram #slider-template--16947013124315__1653646142d6a7c886 .card { height: 80vh; min-height: 450px; } @media all and (max-width: 1023px) { #slider-template--16947013124315__1653646142d6a7c886 .card { height: 60vh; } } Specialty spices, salts, sugars, and teasSolvang Spice Merchant SHOP NOW #element-1653646142fd3f3126-0 { --color-background-cards: #000000; } #element-1653646142fd3f3126-0 { --color-text-cards: #ffffff; --color-foreground-cards: #000; --color-secondary-text-cards: rgba(255, 255, 255, 0.6); } Now Available!Shop Gift Sets Order Now #element-328098bb-a214-4405-953a-a65b57ea81e3 { --color-background-cards: #1d1d1d; } #element-328098bb-a214-4405-953a-a65b57ea81e3 { --color-text-cards: #ffffff; --color-foreground-cards: #000; --color-secondary-text-cards: rgba(255, 255, 255, 0.6); } Get the LatestCheck Our Our Blog! SHOP NOW #element-8eaf8694-8c70-4f41-b755-f33b79bd7638 { --color-background-cards: #000000; } #element-8eaf8694-8c70-4f41-b755-f33b79bd7638 { --color-text-cards: #ffffff; --color-foreground-cards: #000; --color-secondary-text-cards: rgba(255, 255, 255, 0.6); } 1 / 3 document.getElementById('css-slider-template--16947013124315__1653646142d6a7c886').addEventListener('change', ()=>{ document.querySelector('#css-slider-template--16947013124315__1653646142d6a7c886 .css-slider-index-navigation--autoplay').classList.remove('css-slider-index-navigation--autoplay--running'); setTimeout(()=>{ document.querySelector('#css-slider-template--16947013124315__1653646142d6a7c886 .css-slider-index-navigation--autoplay').classList.add('css-slider-index-navigation--autoplay--running'); }, 5); }) Excellent Based on 101 Reviews AI-Reviews Summary Based on 101 reviews …[truncated by Evolize: exceeded D1 value limit]
Markup
<body id="solvang-spice-merchant" class="no-touchevents 
   
  template-index template-index 
  
  
">

  <script type="text/javascript">
    if ( 'ontouchstart' in window || window.DocumentTouch && document instanceof DocumentTouch ) { document.querySelector('body').classList.remove('no-touchevents'); document.querySelector('body').classList.add('touchevents'); } 
  </script>

  <a href="#main" class="visually-hidden skip-to-content" tabindex="0" data-js-inert="">Skip to content</a>
  <div id="screen-reader-info" aria-live="polite" class="visually-hidden"></div>

  <link href="//solvangspice.…
How to fixAdd a level-one heading (h1) to the page that accurately describes its content or purpose. This heading should be the first heading on the page and should be descriptive and concise.
Low

Touch targets are too small

Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.

Component 1 affected page 5 instances WCAG WCAG 2.2 SC 2.5.8 Target Size (Minimum) (Level AA) Ref UUZXO9
Affected pagehttps://solvangspice.com/
Elementbutton[aria-label="Go to slide 1"]
Accessible nameGo to slide 1
Markup
<button aria-label="Go to slide 1" style="border-radius: 50%; border: none; transition: 0.3s; cursor: pointer; padding: 0px; opacity: 0.8; width: 3px; height: 3px; background: rgb(187, 187, 187); display: inline-block;"></button>
How to fixIncrease the size of the interactive buttons to at least 24x24 pixels to make them easier to tap. Alternatively, ensure that the buttons have a sufficient padding or margin to meet the minimum size requirement.
Low

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 2 affected pages 19 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref 9T9LEX
Affected pagehttps://solvangspice.com/
Elementa[title="Solvang - Gift Set"] > .remove-line-height-space--small > .text-size--xlarge.text-line-height--small.text-weight--bold
Accessible nameSolvang - Gift Set
Markup
<span class="text-animation--underline text-size--xlarge text-line-height--small text-weight--bold text-animation--underline">Solvang - Gift Set</span>
How to fixIncrease the contrast between the text color and the background color by using a darker or lighter shade, or add an outline to the text to make it more readable.
Low

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 2 affected pages 2 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref 1E0Y50
Affected pagehttps://solvangspice.com/
Element.header-container--bottom > .header__bottom.container--large > scrollable-navigation > .style--classic.site-nav > .site-nav-container > nav > .link-list > li:nth-child(1) > .active[title="Home"][href="/"] > span > .text-animation--underline-in-header
Accessible nameHome
Markup
<span class="text-animation--underline-in-header">Home</span>
How to fixIncrease the contrast between the text color and background color by using a color with a higher contrast ratio, such as a darker or lighter shade.
Low

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 2 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref VLDENX
Affected pagehttps://solvangspice.com/
Element#product-item-8126825070811 > .product-item__badges.text-size--xsmall > .product-item__badge.product-item__badge--sold
Accessible nameSold Out
Markup
<span class="product-item__badge product-item__badge--sold" style="background-color: #757575; color: #ffffff">
      Sold Out
    </span>
How to fixIncrease the contrast between the text and background colors by using a darker or lighter background color, or a more vibrant text color. Aim for a contrast ratio of at least 4.5:1 for normal text.
Low

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 2 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref VMCWBG
Affected pagehttps://solvangspice.com/
Element#product-item-8385569161435 > .product-item__text.card__text.gutter--regular > .product-item__ratings > .star-rating[aria-label=""] > .star-rating__caption.palm-hide.text-size--xsmall
Accessible nameNo reviews
Markup
<span class="star-rating__caption text-size--xsmall  palm-hide ">No reviews</span>
How to fixAdjust the color of the text or its background to ensure the contrast ratio meets the minimum requirements, which is at least 4.5:1 for normal text.
Low

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 3 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref 4CKDNZ
Affected pagehttps://solvangspice.com/
Element#element-1653646142fd3f3126-0 > .container--large-with-mobile-padding.align-content.align-content--horizontal-center > .card__text.spacing--xlarge.remove-empty-space > h3 > .underline-mobile.text-animation--underline
Accessible nameSolvang Spice Merchant
Markup
<span class="text-animation--underline underline-mobile">Solvang Spice Merchant</span>
How to fixIncrease the contrast between the text color and background color by using a color with a higher contrast ratio, or add a background image or texture to improve readability.
Low

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 2 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref 5V0AXC
Affected pagehttps://solvangspice.com/
Element#product-item-8385569161435 > .product-item__text.card__text.gutter--regular > .product-item__price.equalize-white-space.text-size--large > .remove-line-height-space > .product-price > .product-price--original[data-js-product-price-original=""]
Accessible nameFrom $9.25
Markup
<span class="product-price--original" data-js-product-price-original="">From $9.25</span>
How to fixIncrease the contrast between the text color and its background by adjusting the CSS styles for the .product-price--original class to meet the WCAG 2.1 minimum contrast ratio requirements.
Low

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 3 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref RSK2CY
Affected pagehttps://solvangspice.com/
Element.blog-item.spacing--small.remove-empty-space:nth-child(1) > .blog-item__title-holder > a > .text-weight--bold.text-animation--underline.text-size--large
Accessible nameIgnite Your Taste Buds: The Top 5 Hottest Dishes in the World
Markup
<span class=" text-size--large  text-weight--bold text-animation--underline">Ignite Your Taste Buds: The Top 5 Hottest Dishes in the World</span>
How to fixIncrease the contrast between the text color and background color by using a color combination that meets the WCAG 2.1 minimum contrast ratio thresholds.
Low

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 2 instances WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref BJ568H
Affected pagehttps://solvangspice.com/
Element#element-1653646142fd3f3126-0 > .container--large-with-mobile-padding.align-content.align-content--horizontal-center > .card__text.spacing--xlarge.remove-empty-space > .increased-spacing.text-size--large
Accessible nameSpecialty spices, salts, sugars, and teas
Markup
<span class="text-size--large increased-spacing">Specialty spices, salts, sugars, and teas</span>
How to fixAdjust the color of the text or its background to ensure the contrast ratio meets the minimum requirements. This can be achieved by using online color contrast analyzer tools to find suitable color combinations that meet the WCAG 2.1 guidelines for contrast.
Low

Carousel has no accessible controls

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.

Component 1 affected page 1 instance WCAG WCAG 2.1 SC 2.1.1 Keyboard (Level A), WCAG 2.1 SC 2.2.2 Pause, Stop, Hide (Level A) Ref 4APFV6
Affected pagehttps://solvangspice.com/products/gift-box
Elementdiv#shopify-section-template--16947013288155__product-recommendations
Markup
<div id="shopify-section-template--16947013288155__product-recommendations" class="shopify-section mount-css-slider" data-js-inert=""><product-recommendations class="product-recommendations" data-url="/recommendations/products?section_id=template--16947013288155__product-recommendations&amp;product_id=8126825496795&amp;limit=4&amp;intent=related" "=""></product-recommendations>

</div>
How to fixAdd accessible controls to the carousel, such as previous/next buttons or a pause button, and ensure they are reachable via keyboard navigation. Consider using ARIA attributes to enhance accessibility for screen reader users.
Low

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 1 instance WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref XQ52MO
Affected pagehttps://solvangspice.com/
Elementb
Accessible name101 Reviews
Markup
<b>101 Reviews
                        
                                        </b>
How to fixIncrease the contrast between the text color and background color by using a higher contrast color combination, ensuring the contrast ratio meets the WCAG 2.1 guidelines for minimum contrast.
Low

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 1 instance WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref BREH3K
Affected pagehttps://solvangspice.com/products/gift-box
Element.product__subtitle > a > .text-animation--underline-thin
Accessible nameSolvang Spice Merchant
Markup
<span class="text-animation--underline-thin">Solvang Spice Merchant</span>
How to fixIncrease the contrast between the text color and background color by using a color with a higher contrast ratio, such as using a darker or lighter shade, or adding a background overlay to improve readability.
Low

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 1 instance WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref XZF81I
Affected pagehttps://solvangspice.com/products/gift-box
Elementdiv:nth-child(2) > .text-size--small
Accessible nameThis website uses cookies to ensure you get the best experience on your device.
Markup
<span class="text-size--small">This website uses cookies to ensure you get the best experience on your device.</span>
How to fixIncrease the contrast between the text color and background color by using a color with a higher contrast ratio, such as a darker or lighter shade.
Low

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 1 instance WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref 43A6ZY
Affected pagehttps://solvangspice.com/
Element.container--has-background > .section-heading.section-heading--left.gutter-bottom--page > .section-heading__actions > .text-link.text-size--large
Accessible nameView all products
Markup
<a class="text-size--large text-link" href="/collections/mothers-day-collection">View all products</a>
How to fixAdjust the colors of the text or background to ensure the contrast ratio meets the minimum requirements. A contrast ratio of at least 4.5:1 for normal text is recommended.
Low

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 1 instance WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref G16HWE
Affected pagehttps://solvangspice.com/account/login
Elementshop-follow-button,.pr-3
Markup
<span class="cursor-pointer whitespace-nowrap pr-3 font-sans text-button-large transition-colors text-white">
How to fixIncrease the contrast between the text and background colors by using a color with sufficient difference in brightness and saturation, or provide an alternative way for users to adjust the contrast.
Low

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 1 instance WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref A0JVU0
Affected pagehttps://solvangspice.com/products/gift-box
Elementa[href$="collections"]
Accessible nameCollections
Markup
<a href="/collections">Collections</a>
How to fixIncrease the contrast between the text color and background color of the 'Collections' link by using a darker or lighter shade, or add a contrasting outline or shadow to improve readability.
Low

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 1 instance WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref IZCDT5
Affected pagehttps://solvangspice.com/
Element.container--has-background > .section-heading.section-heading--left.gutter-bottom--page > .section-heading__text.remove-empty-space > .section-heading__subheading.text-size--large
Accessible nameCheck out these new items geared for making life easier on mom!
Markup
<span class="section-heading__subheading text-size--large">Check out these new items geared for making life easier on mom!</span>
How to fixIncrease the contrast between the text color and background color by using a color combination that meets the WCAG 2.1 guidelines for minimum contrast ratio.
Low

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 1 instance WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref 1IC2XU
Affected pagehttps://solvangspice.com/products/gift-box
Elementshop-follow-button,.text-button-large
Markup
<span class="cursor-pointer whitespace-nowrap pr-3 font-sans text-button-large transition-colors text-white">
How to fixIncrease the contrast between the text and background colors by using a color with sufficient difference in brightness and saturation, or provide an alternative way for users to adjust the contrast.
Low

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 1 instance WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref 71B26S
Affected pagehttps://solvangspice.com/
Element.container--has-background > .section-heading.section-heading--left.gutter-bottom--page > .section-heading__text.remove-empty-space > .section-heading__title
Accessible nameNEW! Mother's Day Collection
Markup
<h2 class="section-heading__title h4">NEW! Mother's Day Collection</h2>
How to fixIncrease the contrast between the text color and background color of the heading by using a darker or lighter shade, or add a background image or texture that provides sufficient contrast.
Low

Text has insufficient colour contrast

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Component 1 affected page 1 instance WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA) Ref AV12Y0
Affected pagehttps://solvangspice.com/
Elementa[data-id="8385569161435"] > .button__text
Accessible nameBuy now
Markup
<span class="button__text ">Buy now</span>
How to fixAdjust the color of the button text or its background to ensure the contrast ratio meets the minimum requirements. This can be achieved by using online color contrast analyzer tools to find suitable colors that are accessible.

Keep solvangspice.com monitored

This is a point-in-time assessment. Evolize monitoring re-scans the site on a schedule, flags new and recurring issues, tracks changes over time, and verifies fixes after you make them.

Start monitoring
About this assessment.
  • Automated technical analysis of publicly accessible website surfaces only — no credentials, private systems, or source-code access.
  • Findings apply to the pages and states successfully inspected; automated analysis may not detect every accessibility issue.
  • Results reflect the site at the scan date and may have changed since.
  • This is technical information, not legal advice.

Request a correction or removal · How Evolize scans