Public accessibility assessment

Accessibility issues detected on koawoodranch.com

Evolize inspected 5 public pages on koawoodranch.com and detected 32 automatically identifiable accessibility findings.

32Findings detected

7WCAG criteria affected

5Pages inspected

13 Aug 2026Assessment date

Highest detected severity: High · 15 high-priority findings · 100% inspected-page coverage

Most widespread issueText has insufficient colour contrastDetected on 5 inspected pages

Most affected page/24 findings detected

Most represented WCAG criterionWCAG 1.4.3 — Contrast (Minimum)12 detected findings

Is koawoodranch.com your website?

Keep this assessment current and get notified when new accessibility issues are detected.

MONITOR THIS WEBSITE RUN A FREE ASSESSMENT

Not your website? Scan your own site →

01 · Accessibility summary

Evolize inspected 5 public pages on koawoodranch.com and detected 32 accessibility findings. The most widespread issue was "Text has insufficient colour contrast", detected on 5 inspected pages. The most affected inspected page was "/", where 24 findings were detected. The assessment identified findings mapped to 7 WCAG success criterions. The sections below prioritize the broadest issues and provide technical evidence for each detected finding.

02 · Start here

These findings combine the highest severity and broadest reach detected during this assessment.

High
Interactive controls must not be nested
WCAG 4.1.2 (A) · 5 inspected pages · 45 instances
Why this matters
Interactive controls must not be nested
Recommended action
To fix this issue, ensure that interactive controls are not nested inside other interactive controls. Consider restructing the HTML to separate the interactive elements, or use ARIA attributes to provide a clear and consistent navigation experience for assistive technologies.
View technical evidence →
High
Text has insufficient colour contrast
WCAG 1.4.3 (AA) · 5 inspected pages · 30 instances
Why this matters
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Recommended action
Increase the contrast between the text color and the background color of the navigation link by using a color combination that meets the WCAG 2.1 minimum contrast ratio thresholds.
View technical evidence →
High
Text has insufficient colour contrast
WCAG 1.4.3 (AA) · 5 inspected pages · 20 instances
Why this matters
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Recommended action
Increase the contrast between the text color and background color of the link to meet the WCAG 2.1 minimum contrast ratio standards.
View technical evidence →
High
Hidden elements can still receive keyboard focus
WCAG 2.4.3 (A) · 5 inspected pages · 15 instances
Why this matters
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Recommended action
To fix this issue, ensure that all interactive elements are visible when they receive focus, or remove them from the tab order if they are not meant to be interacted with. Consider using the 'display: none' or 'visibility: hidden' CSS properties to remove the element from the tab order, or use JavaScript to dynamically update the element's visibility and focusability.
View technical evidence →
High
Hidden elements can still receive keyboard focus
WCAG 2.4.3 (A) · 5 inspected pages · 14 instances
Why this matters
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Recommended action
Ensure that hidden elements are removed from the tab order by setting the 'tabindex' attribute to '-1' or by using 'display: none' or 'visibility: hidden' CSS properties to completely hide the element from screen readers and keyboard navigation.
View technical evidence →

03 · WCAG criteria affected

Criterion	Name	Level	Findings	Pages	Reach
1.4.3	Contrast (Minimum)	AA	12	5	5 / 5
2.4.3	Focus Order	A	7	5	5 / 5
1.3.1	Info and Relationships	A	5	5	5 / 5
1.1.1	Non-text Content	A	4	1	1 / 5
2.5.8	Target Size (Minimum)	AA	3	2	2 / 5
3.3.2	Labels or Instructions	A	1	5	5 / 5
4.1.2	Name, Role, Value	A	1	5	5 / 5

Absence of a criterion here does not indicate conformance with it — only that no automatically detectable issue was found for it.

04 · All detected findings

High

Text has insufficient colour contrast

WCAG 1.4.3 (AA)67 instances5 inspected pages

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

Why it matters

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

Recommended correction

Increase the contrast between the text color and the background color of the navigation link by using a color combination that meets the WCAG 2.1 minimum contrast ratio thresholds.

View 67 affected elements

Component · Ref QPSB3L

Affected pagehttps://koawoodranch.com/products/gift-card

Element.primary-nav__link[href$="jewelry"]

Accessible nameJewelry

Markup

<a href="/collections/jewelry" class="primary-nav__link">Jewelry</a>

Affected pages/ /pages/contact-us /products/gift-card /policies/terms-of-service /cart

Component · Ref TYY9B2

Affected pagehttps://koawoodranch.com/products/gift-card

Element#Details-HeaderMenu-1 > .header__menu-item > .primary-nav__link

Accessible nameHome Decor

Markup

<a href="/collections/koa-decor-and-furnishings" class="primary-nav__link">Home Decor</a>

Affected pages/ /pages/contact-us /products/gift-card /policies/terms-of-service /cart

Component · Ref 2APQZ

Affected pagehttps://koawoodranch.com/products/gift-card

Elementshop-follow-button,.cursor-pointer

Markup

<span class="cursor-pointer whitespace-nowrap pr-3 font-sans text-button-large transition-colors text-white">

Affected pages/ /pages/contact-us /products/gift-card /policies/terms-of-service /cart

Component · Ref JQQ8W8

Affected pagehttps://koawoodranch.com/products/gift-card

Element.promo-pop__desc > p

Accessible nameJoin our list! We send out quarterly updates with information on new products, exclusive promotions, events and what's happening at the ranch.

Markup

<p>Join our list! We send out quarterly updates with information on new products, exclusive promotions, events and what's happening at the ranch.</p>

Affected pages/pages/contact-us /products/gift-card /policies/terms-of-service /cart

Component · Ref 5MIPYF

Affected pagehttps://koawoodranch.com/products/gift-card

Element.price__note--tax

Accessible nameShipping calculated at checkout

Markup

<p class="price__note price__note--tax">
            <a href="/policies/shipping-policy">Shipping</a> calculated at checkout
          </p>

Component · Ref 9S97BO

Affected pagehttps://koawoodranch.com/cart

Elementh2

Accessible nameNewsletter

Markup

<h2 class="section__title-text">
              Newsletter
            </h2>

Component · Ref LPFFB6

Affected pagehttps://koawoodranch.com/cart

Element.section__title-desc > p

Accessible nameSign up to stay linked to new product, updates at the ranch, and receive special offers.

Markup

<p>Sign up to stay linked to new product,&nbsp;updates at the ranch, and receive special offers.</p>

Component · Ref FC8SEI

Affected pagehttps://koawoodranch.com/products/gift-card

Elementa[title="KoaWood Ranch"]

Accessible nameKoaWood Ranch

Markup

<a href="/collections/vendors?q=KoaWood%20Ranch" title="KoaWood Ranch">KoaWood Ranch</a>

Component · Ref YKPRUB

Affected pagehttps://koawoodranch.com/

Element.home-carousel__btn

Accessible nameLearn More

Markup

<a href="/pages/about-us" class="home-carousel__btn c..." style="
                   ...">

Component · Ref DBLQJS

Affected pagehttps://koawoodranch.com/

Element.home-carousel__content--btn > .home-carousel__title.section__title.h2 > .section__title-text

Accessible nameUniquely Hawaiian - Inspired by the Forest

Markup

<h2 class="section__title-text">Uniquely Hawaiian - Inspired by the Forest</h2>

Component · Ref 3GUN2P

Affected pagehttps://koawoodranch.com/products/gift-card

Elementbutton[minus=""] > span[aria-hidden="true"]

Accessible name−

Markup

<span aria-hidden="true">−</span>

Component · Ref HYGE88

Affected pagehttps://koawoodranch.com/

Element.home-carousel__content--btn > .home-carousel__text.rte > p

Accessible nameWe are rooted in Hawaiian Koa forestry conservation. Our store funds our efforts to rehabilitate the Hawaiian forest to its natural ecological systems. Because of customers like you, we plant more trees.

Markup

<p>We are rooted in Hawaiian Koa forestry conservation. Our store funds our efforts to rehabilitate the Hawaiian forest to its natural ecological systems. Because of customers like you, we plant more trees.</p>

High

Hidden elements can still receive keyboard focus

WCAG 2.4.3 (A)50 instances5 inspected pages

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

Why it matters

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

Recommended correction

To fix this issue, ensure that all interactive elements are visible when they receive focus, or remove them from the tab order if they are not meant to be interacted with. Consider using the 'display: none' or 'visibility: hidden' CSS properties to remove the element from the tab order, or use JavaScript to dynamically update the element's visibility and focusability.

View 50 affected elements

Component · Ref YD0QQX

Affected pagehttps://koawoodranch.com/products/gift-card

Elementdiv:nth-of-type(2) > div > div:nth-of-type(2) > ul > li:nth-of-type(1) > a

Accessible nameVisit our facebook page

Markup

<a href="https://facebook.com/koawoodranch" class="social-links__link" target="_blank" rel="noopener" aria-label="Visit our facebook page"><span class="icon icon--social icon--facebook ">
    <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><title>facebook</title><path d="M47.9 24.038C47.9 10.7622 37.1772 0 23.95 0C10.7228 0 0 10.7622 0 24.038C0 35.3114 7.73249 44.7705 18.1642 47.3682V31.3837H13.2256V24.038H18.1642V20.8728C18.1642 12.691 21.8533 8.8988 29.8565 8.8988C31.3737 8.8988 33.9919 9.19735 35.0629 9.49598V16.1549C34.49…

Affected pages/ /pages/contact-us /products/gift-card /policies/terms-of-service /cart

Component · Ref 7ZEEBX

Affected pagehttps://koawoodranch.com/products/gift-card

Elementdiv:nth-of-type(2) > div > div:nth-of-type(2) > div > p:nth-of-type(1) > a

Accessible name808 731.4633

Markup

<a href="tel:808 731.4633" class="mobile-footer__text-link">
                  <span class="mobile-draw__icon"><span class="icon icon--theme icon--phone ">
    <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><rect x="12" y="4.5" width="24" height="39" rx="4.875" vector-effect="non-scaling-stroke"></rect>
          <path fill-rule="evenodd" clip-rule="evenodd" d="M20 37.3318C20 36.5963 20.4884 36 21.0909 36H26.9091C27.5116 36 28 36.5963 28 37.3318C28 38.0673 27.5116 38.6636 26.9091 38.6636H21.0909C20.4884 38.6636 20 38.0673 20…

Affected pages/ /pages/contact-us /products/gift-card /policies/terms-of-service /cart

Component · Ref 5DMKOW

Affected pagehttps://koawoodranch.com/products/gift-card

Elementheader#top > div:nth-of-type(2) > button

Accessible nameMenu

Markup

<button class="header-trigger__link header-trigger__link--mobile" aria-haspopup="dialog" aria-label="Menu" data-a11y-dialog-show="modal-main-menu">
        <span class="icon icon--theme icon--menu ">
    <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M4 8H44M4 24H44M4 40H44" vector-effect="non-scaling-stroke"></path></svg>
  </span>
      </button>

Affected pages/ /pages/contact-us /products/gift-card /policies/terms-of-service /cart

Component · Ref 9R6BM2

Affected pagehttps://koawoodranch.com/products/gift-card

Elementdiv > drawer-menu > nav > ul > li:nth-of-type(10) > a

Accessible nameOn Sale

Markup

<a href="/collections/on-sale" class="list-menu__link f-family--heading f-caps--true f-space--0">
                      On Sale
                    </a>

Affected pages/ /pages/contact-us /products/gift-card /policies/terms-of-service /cart

Component · Ref 6U1Y9K

Affected pagehttps://koawoodranch.com/products/gift-card

Elementmodal-dialog#modal-main-menu > div:nth-of-type(2) > div > button

Accessible nameClose (esc)

Markup

<button title="Close (esc)" type="button" class="modal__close modal__close--left" aria-label="Close (esc)" data-a11y-dialog-hide="">
        <span class="icon icon--theme icon--close ">
    <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M7.09385 41.5L41.5 6.5M6.5 6.5L40.9062 41.5" vector-effect="non-scaling-stroke"></path></svg>
  </span>
      </button>

Affected pages/ /pages/contact-us /products/gift-card /policies/terms-of-service /cart

Component · Ref TOLXMP

Affected pagehttps://koawoodranch.com/cart

Elementmodal-dialog#modal-main-menu > div:nth-of-type(2) > div > div:nth-of-type(3) > a

Accessible nameLog in

Markup

<a href="https://koawoodranch.com/customer_authentication/redirect?locale=en&amp;region_country=US" class="mobile-header__link"><span class="mobile-draw__icon"><span class="icon icon--theme icon--user ">
    <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M24 26.4906C16.5805 26.4906 9.59825 28.4654 3.5 31.944V43.4906H44.5V31.944C38.4018 28.4654 31.4195 26.4906 24 26.4906Z" vector-effect="non-scaling-stroke"></path>
          <path d="M24 23C29.5228 23 34 18.5228 34 13C34 7.47715 29.5228 3 24 3C18.4772 3 14 7.47715 14…

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 matters

No <main> or role=main region is present, so screen reader users cannot jump to primary content.

Recommended correction

Add a <main> element or an element with a role of 'main' to the page to define the primary content area. This will allow screen reader users to jump to the main content using their screen reader's navigation features.

View 5 affected elements

Component · Ref 8B73CX

Affected pagehttps://koawoodranch.com/products/gift-card

Elementbody#koawood-ranch-gift-card

Accessible name//loading class for animations document.body.classList.add('js-theme-loading'); {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0} Skip to content theme.setHeaderHeightVars = () => { const headerSection = document.querySelector('header-container'); const header = document.querySelector('.js-header'); const announcement = document.querySelector('.shopify-section-group-header-group.js-section__announcement'); const utility = document.querySelector('.shopify-section-group-header-group.js-section__utility-bar'); document.documentElement.style.setProperty('--window-height', `${window.innerHeight}px`); document.documentElement.style.setProperty( '--announcement-height', `${announcement ? announcement.offsetHeight : 0}px`, ); document.documentElement.style.setProperty('--utility-height', `${utility ? utility.offsetHeight : 0}px`); //header section (zero height if transparent) if (headerSection) document.documentElement.style.setProperty('--header-section-height', `${headerSection.offsetHeight}px`); //header element (has height if transparent) if (header) document.documentElement.style.setProperty('--header-height', `${header.offsetHeight}px`); }; theme.setHeaderLogoVars = () => { //header logo width const logoLink = document.querySelector('.header__logo-link'); if (logoLink) document.documentElement.style.setProperty('--header-logo-width', `${logoLink.offsetWidth}px`); }; theme.setHeaderStyle = () => { const header = document.querySelector('.js-header'); if (!header) return; //get element width witout padding const getElementContentWidth = (element) => { if (!element) return 0; const styles = window.getComputedStyle(element); const padding = parseFloat(styles.paddingLeft) + parseFloat(styles.paddingRight); return element.clientWidth - padding; }; const iconsNavDisplayStyle = (style, element) => { if (!element) return; element.style.display = style; }; const headerNavs = header.querySelector('.js-heaver-navs'); const mobileDraw = header.querySelector('.js-mobile-draw-icon'); const searchDraw = header.querySelector('.js-search-draw-icon'); const cartDraw = header.querySelector('.js-cart-draw-icon'); const primaryNav = header.querySelector('.js-primary-nav'); const primaryNavItems = header.querySelector('.js-primary-nav-items'); const secondaryNav = header.querySelector('.js-secondary-nav'); const secondaryNavLocalize = header.querySelector('.js-secondary-nav-localize'); const secondaryNavActions = header.querySelector('.js-secondary-nav-actions'); const logoImg = header.querySelector('.js-main-logo'); const mobileBrkp = 767; //set sizes const winWidth = window.innerWidth; const navsWidth = getElementContentWidth(headerNavs); const secondaryWidth = getElementContentWidth(secondaryNav); const secondaryLocalizeWidth = getElementContentWidth(secondaryNavLocalize); const secondaryActionsWidth = getElementContentWidth(secondaryNavActions); const secondaryItemsWidth = secondaryLocalizeWidth + secondaryActionsWidth + 6; const logoWidth = getElementContentWidth(logoImg); const primaryWidth = getElementContentWidth(primaryNavItems); if (header.dataset.headerStyle == 'icons') { iconsNavDisplayStyle('flex', mobileDraw); iconsNavDisplayStyle('flex', cartDraw); iconsNavDisplayStyle('flex', searchDraw); } else if (winWidth >= mobileBrkp) { if (header.dataset.headerStyle !== 'center') { //inline style logic if (header.dataset.headerStyle === 'left') { const availableLeftSpace = (winWidth - logoWidth) / 2; if (availableLeftSpace - primaryWidth < 40) { header.classList.remove('header--left'); header.classList.add('header--center'); } else if (availableLeftSpace - secondaryItemsWidth < 40) { header.classList.remove('header--left'); header.classList.add('header--center'); } else { header.classList.add('header--left'); header.classList.remove('header--center'); } } //logo left style logic if (header.dataset.headerStyle === 'logo-left') { const availableCenterSpace = winWidth - logoWidth; if (availableCenterSpace - primaryWidth - secondaryItemsWidth < 120) { header.classList.remove('header--logo-left'); header.classList.add('header--center'); } else { header.classList.add('header--logo-left'); header.classList.remove('header--center'); } } } iconsNavDisplayStyle('none', mobileDraw); iconsNavDisplayStyle('none', cartDraw); iconsNavDisplayStyle('none', searchDraw); } else { iconsNavDisplayStyle('flex', mobileDraw); iconsNavDisplayStyle('flex', cartDraw); iconsNavDisplayStyle('flex', searchDraw); } }; theme.setUpHeaderResizeObservers = () => { const debounce = (f, delay) => { let timer = 0; return (...args) => { clearTimeout(timer); timer = setTimeout(() => f.apply(this, args), delay); }; }; const headerSection = document.querySelector('header-container'); const header = document.querySelector('header'); const logo = document.querySelector('.header__logo-link'); theme.setHeaderHeightVars(); const headerSectionObserver = new ResizeObserver(debounce(theme.setHeaderHeightVars, 50)); headerSectionObserver.observe(headerSection); theme.setHeaderLogoVars(); const headerLogoObserver = new ResizeObserver(debounce(theme.setHeaderLogoVars, 50)); headerLogoObserver.observe(logo); theme.setHeaderStyle(); const headerObserver = new ResizeObserver(debounce(theme.setHeaderStyle, 50)); headerObserver.observe(header); }; .header-trigger { opacity: 0; } <link href="//koawoodranch.com/cdn/shop/t/12/assets/component-navigation-drawer.css?v=68136065212661734271764309413" rel="stylesheet" type="text/css" media="all" /> <link href="//koawoodranch.com/cdn/shop/t/12/assets/component-search-drawer.css?v=166864787208131521551764309413" rel="stylesheet" type="text/css" media="all" /> :root { --header-is-sticky:1; --header-bg-color: #6a8055; --header-bg-color-darker: #5d714b; --header-text-color: #ffffff; --header-text-color-light: rgba(255, 255, 255, 0.7); --header-text-color-lighter: rgba(255, 255, 255, 0.5); --header-text-color-lightest: rgba(255, 255, 255, 0.1); --header-text-color-bg: rgba(255, 255, 255, 0.06); --header-transparent-text-color: #ffffff; --header-transparent-text-color-light: rgba(255, 255, 255, 0.3); --header-text-contrast-color: #000; --header-transparent-text-contrast-color: #000; } 0 Home Decor Bowls …[truncated by Evolize: exceeded D1 value limit]

Markup

<body id="koawood-ranch-gift-card" class="template-product" data-anim-load="true" data-anim-interval-style="fade_up" data-anim-zoom="true" data-anim-interval="true" data-editor-mode="false" data-quick-shop-show-cart="true" data-heading-border="true" data-overlap-style="true"><script type="text/javascript">
        //loading class for animations
        document.body.classList.add('js-theme-loading');
      </script>
    <script type="application/json" id="cart-data">
      {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0…

Affected pages/ /pages/contact-us /products/gift-card /policies/terms-of-service /cart

High

Form fields use placeholder text as the only label

WCAG 1.3.1 (A)5 instances5 inspected pages

Fields rely on placeholder text instead of a real label. The placeholder disappears once the user types, and it is not exposed as a programmatic label.

Why it matters

Fields rely on placeholder text instead of a real label. The placeholder disappears once the user types, and it is not exposed as a programmatic label.

Recommended correction

Add a visible and programmatically available label to the form field, ensuring it remains visible even when the user interacts with the field.

View 5 affected elements

Component · Ref H72JL4

Affected pagehttps://koawoodranch.com/products/gift-card

Elementinput#wlm-pwd

Markup

<input type="password" placeholder="Enter passcode" id="wlm-pwd" onkeypress="if( event.keyCode == 13 &amp;&amp; typeof wlm == &quot;object&quot; &amp;&amp; typeof wlm.unlockByAuth == &quot;function&quot; ) { event.preventDefault(); wlm.unlockByAuth(this); }">

Affected pages/ /pages/contact-us /products/gift-card /policies/terms-of-service /cart

High

Interactive controls must not be nested

WCAG 4.1.2 (A)45 instances5 inspected pages

Interactive controls must not be nested

Why it matters

Interactive controls must not be nested

Recommended correction

To fix this issue, ensure that interactive controls are not nested inside other interactive controls. Consider restructing the HTML to separate the interactive elements, or use ARIA attributes to provide a clear and consistent navigation experience for assistive technologies.

View 45 affected elements

Component · Ref 6E0WP6

Affected pagehttps://koawoodranch.com/products/gift-card

Element#Details-HeaderMenu-1 > .header__menu-item

Accessible nameHome Decor

Markup

<summary class="header__menu-item"><a href="/collections/koa-decor-and-furnishings" class="primary-nav__link">Home Decor</a>
                          </summary>

Affected pages/ /pages/contact-us /products/gift-card /policies/terms-of-service /cart

High

Images lack text alternatives

WCAG 1.1.1 (A)15 instances1 inspected page

Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.

Why it matters

Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.

Recommended correction

Add an 'alt' attribute to each image, providing a brief description of the image content. For decorative images, use an empty 'alt' attribute (alt="") to indicate they are not essential for understanding the page content.

View 15 affected elements

Component · Ref HYX7ES

Affected pagehttps://koawoodranch.com/

Element

.collection-list__link:nth-child(1) > .collection-list__item_wrap > .collection-list__item > .o-ratio--3\:4.o-ratio > .o-ratio__content > .collection-list__media > .collection-list__bg[height="420"][loading="lazy"]

Markup

<img src="//koawoodranch.com/c..." width="300" height="420" loading="lazy" class="collection-list__bg" fetchpriority="auto" sizes="(min-width: 1600px) ..." srcset="//koawoodranch.com/c..." style="">

Component · Ref DERXYW

Affected pagehttps://koawoodranch.com/

Element.image-grid__bg--image_PUhCHU

Markup

<img src="//koawoodranch.com/c..." width="300" height="300" loading="lazy" class="image-grid__bg image..." fetchpriority="auto" sizes="(min-width: 768px) 6..." srcset="//koawoodranch.com/c..." style="">

Component · Ref B1FQVD

Affected pagehttps://koawoodranch.com/

Element.collection-list__bg[height="450"][loading="lazy"]

Markup

<img src="//koawoodranch.com/c..." width="300" height="450" loading="lazy" class="collection-list__bg" fetchpriority="auto" sizes="(min-width: 1600px) ..." srcset="//koawoodranch.com/c..." style="">

Component · Ref IY6U7V

Affected pagehttps://koawoodranch.com/

Element

.grid-layout--uniform-rows.grid-spacing--30.grid-layout--4 > .collection-list__item_wrap > .collection-list__item > .o-ratio--3\:4.o-ratio > .o-ratio__content > .collection-list__media > .collection-list__bg[height="420"][loading="lazy"]

Markup

<img src="//koawoodranch.com/c..." width="300" height="420" loading="lazy" class="collection-list__bg" fetchpriority="auto" sizes="(min-width: 1600px) ..." srcset="//koawoodranch.com/c..." style="">

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 matters

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

Recommended correction

Wrap the content in a landmark element (e.g., main, nav, header, footer, aside) to ensure it is reachable via landmark navigation. For example, the paragraph could be wrapped in a <main> or <aside> element, depending on its purpose.

View 5 affected elements

Component · Ref QSO34X

Affected pagehttps://koawoodranch.com/products/gift-card

Elementdiv > div > div > div > div:nth-of-type(2) > p

Accessible nameJoin our list! We send out quarterly updates with information on new products, exclusive promotions, events and what's happening at the ranch.

Markup

<p>Join our list! We send out quarterly updates with information on new products, exclusive promotions, events and what's happening at the ranch.</p>

Affected pages/ /pages/contact-us /products/gift-card /policies/terms-of-service /cart

Medium

Navigation regions are not distinguishable

WCAG 1.3.1 (A)15 instances5 inspected pages

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

Why it matters

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

Recommended correction

Add an 'aria-label' or 'aria-labelledby' attribute to each navigation landmark to provide a unique and descriptive name.

View 15 affected elements

Component · Ref WRN5W6

Affected pagehttps://koawoodranch.com/products/gift-card

Elementmodal-dialog#modal-main-menu > div:nth-of-type(2) > div > drawer-menu > nav

Accessible nameHome Decor Loading image: Hawaiian Koa Wood Decor Home Decor Bowls Candle Holders Holiday Ornaments Koa Boxes Koa Canoes Koa Wood Frames Night Lights Ukuleles Wall Art Warrior Weapons View Home Decor Kitchen & Barware Loading image: Koa Wood Hawaii Islands Coaster Kitchen & Barware Coasters Bottle Openers Bottle Stoppers Drinkware Entertaining Kitchen Salt and Pepper Tea Towels View Kitchen & Barware Accessories Loading image: Koa Wood Bookmarks Accessories Apple Watch Bands Bags and Totes Bookmarks Books Games and Puzzles Hats Key Chain Knife Money Clip Pens Phone Cases Posters Smoke Shop Stationery Sunglasses View Accessories Jewelry Loading image: Koa Wood and Lava Beads Bracelet Jewelry Aloha Coastal Jewelry Bracelets Earrings Fine Art Fish Hooks and Pendants Gold Men's Cufflinks Necklaces and Pendants Pearls Rings Sterling Silver Watches View Jewelry Womens Loading image: Spread the Aloha Tote Womens All Womens All Apparel Bags and Totes Bottoms Dresses Pareos Tops Tees and Tanks View Womens Mens Loading image: Super Swells - Black …[truncated by Evolize: exceeded D1 value limit]

Markup

<nav class="drawer-nav drawer-nav--main">
            <ul class="list-menu" role="list"><li class="list-menu__item"><details id="Details-menu-drawer-menu-item-1">
                      <summary class="list-menu__link f-family--heading f-caps--true f-space--0">
                        Home Decor
<span class="icon icon--theme icon--chevron ">
    <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M13.8683 4.75L33.1183 24L13.8683 43.25" stroke-linecap="square" vector-effect="non-scaling-stroke"></path></svg>
  </span></sum…

Affected pages/ /pages/contact-us /products/gift-card /policies/terms-of-service /cart

Component · Ref ID6G37

Affected pagehttps://koawoodranch.com/products/gift-card

Elementheader#top > div:nth-of-type(5) > nav:nth-of-type(1)

Accessible nameHome Decor Bowls Candle Holders Holiday Ornaments Koa Boxes Koa Canoes Koa Wood Frames Night Lights Ukuleles Wall Art Warrior Weapons Kitchen & Barware Coasters Bottle Openers Bottle Stoppers Drinkware Entertaining Kitchen Salt and Pepper Tea Towels Accessories Apple Watch Bands Bags and Totes Bookmarks Books Games and Puzzles Hats Key Chain Knife Money Clip Pens Phone Cases Posters Smoke Shop Stationery Sunglasses Jewelry Aloha Coastal Jewelry Bracelets Earrings Fine Art Fish Hooks and Pendants Gold Men's Cufflinks Necklaces and Pendants Pearls Rings Sterling Silver Watches Womens All Womens All Apparel Bags and Totes Bottoms Dresses Pareos Tops Tees and Tanks Mens Aloha Shirts Bags Hats Jewelry - His Menʻs Furnishings Polos Tees and Tanks Apothecary All Apothecary Body Lotion Candles Lip Balms Soap About Us Our Story …[truncated by Evolize: exceeded D1 value limit]

Rolenavigation

Markup

<nav class="primary-nav header-navs__items js-primary-nav" role="navigation">
          <nested-menu submenu-direction="below">
            <ul class="primary-nav__items js-primary-nav-items"><li class="primary-nav__item f-family--heading f-caps--true f-space--1"><header-details-disclosure>
                        <details id="Details-HeaderMenu-1" data-link-title="Home Decor">
                          <summary class="header__menu-item"><a href="/collections/koa-decor-and-furnishings" class="primary-nav__link">Home Decor</a>
                          </summary>
                          <div …

Affected pages/ /pages/contact-us /products/gift-card /policies/terms-of-service /cart

Low

Touch targets are too small

WCAG 2.5.8 (AA)7 instances2 inspected pages

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

Why it matters

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

Recommended correction

Ensure that all interactive elements, such as buttons and links, have a minimum size of 24x24px to make them easily accessible by touch.

View 7 affected elements

Component · Ref IK4SRI

Affected pagehttps://koawoodranch.com/products/gift-card

Elementdiv[data-rating="5"] > .jdgm-histogram__star[role="button"]

Accessible name100% (2) reviews with 5 star rating

Rolebutton

Markup

<div class="jdgm-histogram__star" role="button" aria-label="100% (2) reviews with 5 star rating" tabindex="0">

Component · Ref IQFBH3

Affected pagehttps://koawoodranch.com/

Element.swiper-pagination-bullet-active

Accessible nameGo to slide 1

Rolebutton

Markup

<span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1" aria-current="true"></span>

Component · Ref UOKQIU

Affected pagehttps://koawoodranch.com/

Elementspan[aria-label="Go to slide 2"]

Accessible nameGo to slide 2

Rolebutton

Markup

<span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span>

05 · Most affected inspected pages

/
High
61 findings
/products/gift-card
High
49 findings
/cart
High
25 findings
/pages/contact-us
High
23 findings
/policies/terms-of-service
High
21 findings

06 · About this assessment

Evolize inspects publicly accessible website pages using automated browser-based testing and deterministic accessibility rules. Automated testing can identify many reproducible technical issues but cannot determine complete WCAG or legal compliance.

Publicly accessible 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 issue.
Results reflect the site at the scan date and may have changed since.

Evolize provides digital risk intelligence and does not provide legal advice, certify compliance, or guarantee that litigation will not occur. Methodology · Security · Example assessment

07 · Continuous monitoring

This public report captures one assessment. Evolize monitoring rescans the website, detects new and recurring findings, tracks changes over time and verifies corrections.

MONITOR THIS WEBSITE SEE PRICING

Is information in this report inaccurate or outdated? Request a correction or removal.

Accessibility issues detected on koawoodranch.com

Is koawoodranch.com your website?

01 · Accessibility summary

02 · Start here

Interactive controls must not be nested

Text has insufficient colour contrast

Text has insufficient colour contrast

Hidden elements can still receive keyboard focus

Hidden elements can still receive keyboard focus

03 · WCAG criteria affected

A scan shows today's exposure. Monitoring shows what changes next.

04 · All detected findings

Text has insufficient colour contrast

Hidden elements can still receive keyboard focus

Page has no main landmark

Modal dialog does not trap keyboard focus

Form fields use placeholder text as the only label

Interactive controls must not be nested

Images lack text alternatives

Content sits outside any landmark region

Navigation regions are not distinguishable

Touch targets are too small

05 · Most affected inspected pages

06 · About this assessment

07 · Continuous monitoring

Reports with similar accessibility findings