Public accessibility assessment

Accessibility issues detected on darkseas.com

Evolize inspected 5 public pages on darkseas.com and detected 61 automatically identifiable accessibility findings.

61Findings detected
6WCAG criteria affected
5Pages inspected
9 Sep 2026Assessment date

Highest detected severity: Critical · 11 high-priority findings · 100% inspected-page coverage

Most widespread issueText has insufficient colour contrastDetected on 5 inspected pages
Most affected page/32 findings detected
Most represented WCAG criterionWCAG 1.4.3 — Contrast (Minimum)47 detected findings

Is darkseas.com your website?

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

https://

Not your website? Scan your own site →

01 · Accessibility summary

Evolize inspected 5 public pages on darkseas.com and detected 61 accessibility findings. The most widespread issue was "Text has insufficient colour contrast", detected on 5 inspected pages. The most affected inspected page was "/", where 32 findings were detected. The assessment identified findings mapped to 6 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.

  1. Critical

    Embedded frames lack descriptive titles

    WCAG 4.1.2 (A) · 1 inspected page · 1 instance
    Why this matters

    An <iframe> has no title, so its purpose is not announced to assistive technology.

    Recommended action

    Add a concise title attribute that describes the frame's actual purpose — for example "Store locator" for a location search or "Promotional campaign" for a marketing embed. The affected frame loads https://verifypass.com/seller/embed/a6150f731?show_all=true, which can help identify its purpose. Avoid generic values such as "Embedded content", "iframe", or "frame".

    View technical evidence →
  2. High

    Elements must only use permitted ARIA attributes

    WCAG 4.1.2 (A) · 4 inspected pages · 20 instances
    Why this matters

    Elements must only use permitted ARIA attributes

    Recommended action

    Review the affected element and correct the reported accessibility issue.

    View technical evidence →
  3. High

    Hidden elements can still receive keyboard focus

    WCAG 2.4.3 (A) · 4 inspected pages · 13 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

    Keep 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 technical evidence →
  4. High

    Hidden elements can still receive keyboard focus

    WCAG 2.4.3 (A) · 4 inspected pages · 8 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

    Keep 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 technical evidence →
  5. High

    Hidden elements can still receive keyboard focus

    WCAG 2.4.3 (A) · 4 inspected pages · 4 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

    Keep 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 technical evidence →

03 · WCAG criteria affected

CriterionNameLevelFindingsPagesReach
1.4.3Contrast (Minimum)AA4755 / 5
2.4.3Focus OrderA944 / 5
1.3.1Info and RelationshipsA244 / 5
4.1.2Name, Role, ValueA244 / 5
2.1.1KeyboardA144 / 5
2.2.2Pause, Stop, HideA144 / 5

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

Continuous monitoring

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

Evolize continuously reassesses public website pages, detects newly introduced or recurring accessibility findings, and tracks remediation over time.

04 · All detected findings

Critical

Embedded frames lack descriptive titles

WCAG 4.1.2 (A)1 instance1 inspected page

An <iframe> has no title, so its purpose is not announced to assistive technology.

Why it matters

An <iframe> has no title, so its purpose is not announced to assistive technology.

Recommended correction

Add a concise title attribute that describes the frame's actual purpose — for example "Store locator" for a location search or "Promotional campaign" for a marketing embed. The affected frame loads https://verifypass.com/seller/embed/a6150f731?show_all=true, which can help identify its purpose. Avoid generic values such as "Embedded content", "iframe", or "frame".

View 1 affected element
Component · Ref 1ZVRR7
Affected pagehttps://darkseas.com/collections/100-military-and-fire-products
Element#vfyps_iframe_html
Markup
<iframe id="vfyps_iframe_html" frameborder="0" scrolling="no" src="https://verifypass.com/seller/embed/a6150f731?show_all=true" style="width: 100%; overflow: hidden; height: 512px;"></iframe>
High

Text has insufficient colour contrast

WCAG 1.4.3 (AA)187 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 ratio to at least 4.5:1 for normal text and 3:1 for large text.

View 187 affected elements
Component · Ref T39QTT
Affected pagehttps://darkseas.com/cart
Element.text-opacity-40
Accessible name© 2026 Dark Seas Division
Markup
<p class="text-n-100 text-opacity-40 ds:text-n-300 ds:text-opacity-40 ">
              ©&nbsp;2026&nbsp;Dark Seas Division
            </p>
Affected pages/ /products/dark-seas-gift-card /collections/100-military-and-fire-products /cart
Component · Ref SB0R7O
Affected pagehttps://darkseas.com/cart
Elementbutton[aria-controls="header-menu-2"]
Accessible nameCollaborations
Markup
<button class=" cursor-pointer  blo..." type="button" aria-expanded="false" aria-controls="header-menu-2" data-target="header-menu.dropdown">
Affected pages/ /products/dark-seas-gift-card /collections/100-military-and-fire-products /cart
Component · Ref YR97AA
Affected pagehttps://darkseas.com/products/dark-seas-gift-card
Element.obey\:text-white.gap-2.link-hover-animation
Accessible nameUnited States
Markup
<button type="button" class="text-label-1 flex items-center gap-2 link-hover-animation obey:text-white">
Affected pages/ /products/dark-seas-gift-card /collections/100-military-and-fire-products /cart
Component · Ref MIBMJU
Affected pagehttps://darkseas.com/collections/100-military-and-fire-products
Element#splide01-slide04 > .ls\:text-label-1.leading-normal.ds\:leading-normal
Accessible nameFree US shipping on all orders over $75
Markup
<p class="ls:text-label-1 text-label-1 block uppercase leading-normal obey:text-white ds:text-body-3 ds:normal-case ds:leading-normal ds:text-n-900 lm:leading-normal lm:text-n-900 ">Free US shipping on all orders over $75</p>
Affected pages/ /products/dark-seas-gift-card /collections/100-military-and-fire-products /cart
Component · Ref FB77SG
Affected pagehttps://darkseas.com/cart
Element.shrink-0:nth-child(4) > .ds\:text-title-7.lg\:obey\:\[\&\.is-active\]\/header\:text-title-7-active.lg\:obey\:\[\&\.is-active\]\/header\:underline
Accessible nameCommunity
Markup
<a class=" cursor-pointer  blo..." href="https://darkseas.com..." data-target="header-menu.dropdown">
Affected pages/ /products/dark-seas-gift-card /collections/100-military-and-fire-products /cart
Component · Ref 4VQ7Z0
Affected pagehttps://darkseas.com/cart
Element.left-2
Accessible nameEmail
Markup
<label class="pointer-events-none ..." for="newsletter-input-sec...">
Affected pages/ /collections/100-military-and-fire-products /cart
Component · Ref S7Y5ZI
Affected pagehttps://darkseas.com/
Element.ds\:text-title-7.lg\:obey\:\[\&\.is-active\]\/header\:text-title-7-active[href="/"]
Accessible nameCollections
Markup
<a class=" cursor-pointer  blo..." href="/" data-target="header-menu.dropdown">
Affected pages/ /products/dark-seas-gift-card /cart
Component · Ref C48SDX
Affected pagehttps://darkseas.com/products/dark-seas-gift-card
Element.w-\[calc\(100\%\/var\(--per-page\)-var\(--gap\)\/var\(--per-page\)\*\(var\(--per-page\)-1\)-\(var\(--inset\)\/\(var\(--per-page\)\/2\)\)\)\].\[scroll-snap-align\:--snap\].group-data-\[disabled\]\/slider\:size-full:nth-child(2) > product-card > .pt-1.lm\:px-0.ds\:border-n-300 > .text-ellipsis.pr-2.text-nowrap
Accessible nameDark Seas Pouch Container
Markup
<p class="overflow-hidden text-ellipsis text-nowrap pr-2">Dark Seas Pouch Container
    </p>
Affected pages/ /products/dark-seas-gift-card
Component · Ref IZ6Y7G
Affected pagehttps://darkseas.com/
Element.w-\[calc\(100\%\/var\(--per-page\)-var\(--gap\)\/var\(--per-page\)\*\(var\(--per-page\)-1\)-\(var\(--inset\)\/\(var\(--per-page\)\/2\)\)\)\].\[scroll-snap-align\:--snap\].group-data-\[disabled\]\/slider\:size-full:nth-child(12) > product-card > .pt-1.lm\:px-0.ds\:border-n-300 > .text-nowrap:nth-child(2) > .line-through.text-n-500
Accessible name$ 39
Markup
<span class="text-n-500 line-through">$ 39</span>
Component · Ref P2S19H
Affected pagehttps://darkseas.com/products/dark-seas-gift-card
Element.w-\[calc\(100\%\/var\(--per-page\)-var\(--gap\)\/var\(--per-page\)\*\(var\(--per-page\)-1\)-\(var\(--inset\)\/\(var\(--per-page\)\/2\)\)\)\].\[scroll-snap-align\:--snap\].group-data-\[disabled\]\/slider\:size-full:nth-child(4) > product-card > .pt-1.lm\:px-0.ds\:border-n-300 > .text-nowrap:nth-child(2) > span
Accessible name$ 28
Markup
<span class="">$ 28</span>
Component · Ref H1EHFL
Affected pagehttps://darkseas.com/
Element.w-\[calc\(100\%\/var\(--per-page\)-var\(--gap\)\/var\(--per-page\)\*\(var\(--per-page\)-1\)-\(var\(--inset\)\/\(var\(--per-page\)\/2\)\)\)\].\[scroll-snap-align\:--snap\].group-data-\[disabled\]\/slider\:size-full:nth-child(7) > product-card > .pt-1.lm\:px-0.ds\:border-n-300 > .text-nowrap:nth-child(2) > .text-accent
Accessible name$ 53
Markup
<span class="text-accent">$ 53</span>
Component · Ref SB5OY4
Affected pagehttps://darkseas.com/products/dark-seas-gift-card
Element.w-\[calc\(100\%\/var\(--per-page\)-var\(--gap\)\/var\(--per-page\)\*\(var\(--per-page\)-1\)-\(var\(--inset\)\/\(var\(--per-page\)\/2\)\)\)\].\[scroll-snap-align\:--snap\].group-data-\[disabled\]\/slider\:size-full:nth-child(6) > product-card > .mb-1.grow.relative > .bottom-2.left-1\/2.-translate-x-1\/2 > .flex-wrap.gap-1 > .text-label-3.py-1.px-2
Accessible nameNew
Markup
<li class="text-label-3 whitespace-nowrap rounded-full border border-n-300 bg-n-100 px-2 py-1 text-n-900">New</li>
Component · Ref CRUYZC
Affected pagehttps://darkseas.com/products/dark-seas-gift-card
Element.w-\[calc\(100\%\/var\(--per-page\)-var\(--gap\)\/var\(--per-page\)\*\(var\(--per-page\)-1\)-\(var\(--inset\)\/\(var\(--per-page\)\/2\)\)\)\].\[scroll-snap-align\:--snap\].group-data-\[disabled\]\/slider\:size-full:nth-child(2) > product-card > .mb-1.grow.relative > .bottom-2.left-1\/2.-translate-x-1\/2 > .flex-wrap.gap-1 > li > .h-5.p-\[0\.25rem\][title=""] > .line.leading-none.text-label-3
Accessible name+1
Markup
<span class="line text-label-3 leading-none">+1</span>
Component · Ref PXMNSM
Affected pagehttps://darkseas.com/
Element.w-\[calc\(100\%\/var\(--per-page\)-var\(--gap\)\/var\(--per-page\)\*\(var\(--per-page\)-1\)-\(var\(--inset\)\/\(var\(--per-page\)\/2\)\)\)\].\[scroll-snap-align\:--snap\].group-data-\[disabled\]\/slider\:size-full:nth-child(12) > product-card > .mb-1.grow.relative > .bottom-2.left-1\/2.-translate-x-1\/2 > .flex-wrap > li > .h-5.p-\[0\.25rem\][title=""] > .line.leading-none.text-label-3
Accessible name+1
Markup
<span class="line text-label-3 leading-none">+1</span>
Component · Ref X943A4
Affected pagehttps://darkseas.com/
Element.lg\:ds\:mt-6.lg\:lm\:mt-2[aria-label="Catch the latest collection"]
Accessible nameCatch the latest collection
Markup
<a class="link-reversed-accent mt-4 block w-fit ds:mt-3 lm:mt-2 lg:ds:mt-6 lg:lm:mt-2 text-link-2" href="/collections/mens-t-shirts" aria-label="Catch the latest collection">Catch the latest collection</a>
Component · Ref GJ545K
Affected pagehttps://darkseas.com/
Element.lg\:mt-6[aria-label="New seasonal styles"][href$="mens-hats"]
Accessible nameNew seasonal styles
Markup
<a class="link-reversed-accent mt-4 block w-fit lm:mt-2 lg:mt-6 lg:lm:mt-2 text-link-2" href="/collections/mens-hats" aria-label="New seasonal styles">New seasonal styles</a>
Component · Ref NOTJQQ
Affected pagehttps://darkseas.com/products/dark-seas-gift-card
Elementh1
Accessible nameDark Seas Gift Card
Markup
<h1 data-target="variant-details.title">Dark Seas Gift Card</h1>
Component · Ref EUS28A
Affected pagehttps://darkseas.com/collections/100-military-and-fire-products
Element.leading-tight > span
Accessible nameIn honor of those who protect and serve, Dark Seas is now offering 15% off the selected styles below. You can get your discount code while shopping online by verifying your eligibility with ID.me. On behalf of Dark Seas, we thank you for your service!!
Markup
<span>In honor of those who protect and serve, Dark Seas&nbsp;is now offering 15% off the selected styles below. You can get your discount code while shopping online by verifying your eligibility with ID.me. On behalf of Dark Seas, we thank you for your service!!</span>
Component · Ref YBVAL1
Affected pagehttps://darkseas.com/products/dark-seas-gift-card
Element.-translate-y-7
Accessible nameEmail
Markup
<label class="pointer-events-none ..." for="newsletter-input-sec...">
Component · Ref 2PTSKC
Affected pagehttps://darkseas.com/products/dark-seas-gift-card
Element#accordion-item-description-content-template-18416023372003__main > .peer-aria-expanded\:group-\[\]\/content\:opacity-100.duration-500.transition-opacity > .pb-4 > ul > li
Accessible nameDark Seas gift card
Markup
<li>Dark Seas gift card</li>
Component · Ref OQLZ53
Affected pagehttps://darkseas.com/products/dark-seas-gift-card
Element.jdgm-carousel-number-of-reviews
Accessible namefrom 429 reviews
Markup
<span style="" class="jdgm-carousel-number-of-reviews jdgm-carousel-number-of-reviews--verified" data-number-of-reviews="429">
Component · Ref SBQXZP
Affected pagehttps://darkseas.com/collections/100-military-and-fire-products
Element.after\:\!bottom-\[17px\]
Accessible nameHome
Markup
<a data-index="1" class="inline-block py-[17px] lg:py-0 link-reversed after:!bottom-[17px] lg:after:!bottom-0" href="/">Home</a>
Component · Ref AR71UV
Affected pagehttps://darkseas.com/products/dark-seas-gift-card
Elementh4
Accessible nameRecommended products
Markup
<h4 class="mb-4 px-4 text-title-6 text-n-900 lg:mb-6 lg:px-10 lg:text-title-5">Recommended products</h4>
Component · Ref 156IZI
Affected pagehttps://darkseas.com/apps/redo/returns-portal/login
Element._redotech-redo-customer-portal-app-lib-login-powered-by-redo-powered-by > span
Accessible namePowered by
Markup
<span class="_redotech-redo-web-lib-text-text text-xs text-color-secondary font-family-inherit" data-arbiter="Text">Powered by</span>
Component · Ref YXU2MQ
Affected pagehttps://darkseas.com/products/dark-seas-gift-card
Element.lm\:flex-col > .lm\:font-extrabold.text-justify.text-title-7
Accessible name$ 10
Markup
<span class="text-justify text-title-7 lm:font-extrabold ">$ 10</span>

Showing 25 representative examples · 22 more affected elements not shown

High

Elements must only use permitted ARIA attributes

WCAG 4.1.2 (A)20 instances4 inspected pages

Elements must only use permitted ARIA attributes

Why it matters

Elements must only use permitted ARIA attributes

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 20 affected elements
Component · Ref 59C50S
Affected pagehttps://darkseas.com/cart
Element#splide01-slide02
Accessible name2
Markup
<li class="splide__slide flex h-full items-center justify-center is-visible is-next" id="splide01-slide02" aria-label="2" style="margin-right: 2.25rem;">
Affected pages/ /products/dark-seas-gift-card /collections/100-military-and-fire-products /cart
High

Hidden elements can still receive keyboard focus

WCAG 2.4.3 (A)40 instances4 inspected pages

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

Why it 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

Keep this element out of the tab order while its containing region is hidden — remove it from focus (for example tabindex="-1"), or apply the inert attribute to the hidden container where supported. Restore normal focusability when the region becomes visible.

View 40 affected elements
Component · Ref DRD7WC
Affected pagehttps://darkseas.com/products/dark-seas-gift-card
Elementsection#shopify-section-sections--18416022847715__country_selector_FmiDTJ > modal-dialog > div > div:nth-of-type(1) > modal-toggle > button
Accessible nameClose country selector
Markup
<button aria-label="Close country selector" type="button" class="
    whitespace-nowrap border text-title-8 transition-colors duration-300 disabled:border-transparent
    disabled:bg-n-300
    disabled:text-n-500 disabled:hover:cursor-not-allowed disabled:hover:bg-opacity-50 [&amp;_svg]:size-5
    
        
          bg-n-100 border-n-300 hover:border-n-900 text-accent
        
    
    
      px-1.5 py-1.5 ds:rounded
    
     flex items-center justify-center gap-2
  ">Welcome<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 21" fill="none">
    <path fill-rule="evenodd" clip-rule="even…
Affected pages/ /products/dark-seas-gift-card /collections/100-military-and-fire-products /cart
Component · Ref EOND38
Affected pagehttps://darkseas.com/
Elementform#localization_form > fieldset:nth-of-type(1) > div > label:nth-of-type(1) > input
Accessible nameRest of the world
Markup
<input type="radio" name="country_selector" class="peer sr-only" data-target="country-selector.country-option" value="Rest of the world" data-country="Rest of the world" aria-label="Rest of the world" data-domain="https://darkseas.com" checked="">
Affected pages/ /products/dark-seas-gift-card /collections/100-military-and-fire-products /cart
Component · Ref YCQHJ8
Affected pagehttps://darkseas.com/
Elementdiv#mobile-menu-drawer > div > div:nth-of-type(3) > div > modal-toggle > button
Accessible nameUnited States
Markup
<button type="button" class="flex items-center gap-2 text-title-6 text-n-900 link-hover-animation obey:text-title-7 obey:uppercase lm:text-title-7 lm:uppercase">
        United States
        <span>
    
        <svg class="size-4" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M1 7C1 10.3137 3.68629 13 7 13C10.3137 13 13 10.3137 13 7C13 3.68629 10.3137 1 7 1C3.68629 1 1 3.68629 1 7Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
          <path d="M6 6L9.66667 4.33333L8 8L4.33333 9.66667L6 6Z" stroke="cu…
Affected pages/ /products/dark-seas-gift-card /collections/100-military-and-fire-products /cart
Component · Ref X9E53
Affected pagehttps://darkseas.com/
Elementli#header-menu-1 > div:nth-of-type(1) > a
Accessible nameCollections
Markup
<a class="inline-block" href="/">Collections</a>
Affected pages/ /products/dark-seas-gift-card /collections/100-military-and-fire-products /cart
Component · Ref WDBTQ
Affected pagehttps://darkseas.com/collections/100-military-and-fire-products
Elementhtml > body > a
Accessible nameSkip to content
Markup
<a href="#MainContent" class="
    whitespace-nowrap border text-title-8 transition-colors duration-300 disabled:border-transparent
    disabled:bg-n-300
    disabled:text-n-500 disabled:hover:cursor-not-allowed disabled:hover:bg-opacity-50 [&amp;_svg]:size-5
    
        
          bg-n-100 border-n-300 hover:border-n-900 text-accent
        
    
    
      px-6 py-4 ds:rounded-lg
    
    shadow-xl fixed left-[var(--header-padding)] lm:left-4 lg:lm:left-10 top-[calc(var(--header-padding)+var(--announcement-bar-height)+var(--header-height)+var(--content-padding))] ds:top-[calc(var(--header-p…
Affected pages/ /products/dark-seas-gift-card /collections/100-military-and-fire-products /cart
Component · Ref VKL88L
Affected pagehttps://darkseas.com/collections/100-military-and-fire-products
Elementaside#shopify-section-sections--18416022847715__cart-drawer > modal-dialog > div > div:nth-of-type(1) > modal-toggle > button
Accessible nameClose cart
Markup
<button aria-label="Close cart" type="button" class="
    whitespace-nowrap border text-title-8 transition-colors duration-300 disabled:border-transparent
    disabled:bg-n-300
    disabled:text-n-500 disabled:hover:cursor-not-allowed disabled:hover:bg-opacity-50 [&amp;_svg]:size-5
    
        
          bg-n-100 border-n-300 hover:border-n-900 text-accent
        
    
    
      px-1.5 py-1.5 ds:rounded
    
     flex items-center justify-center gap-2
  ">Bag<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 21" fill="none">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.46967…
Affected pages/ /products/dark-seas-gift-card /collections/100-military-and-fire-products
Component · Ref ZKKYUD
Affected pagehttps://darkseas.com/products/dark-seas-gift-card
Elementdiv:nth-of-type(2) > cart-form > footer > div > modal-toggle > button
Accessible nameClose cart
Markup
<button aria-label="Close cart" type="button" class="
    whitespace-nowrap border text-title-8 transition-colors duration-300 disabled:border-transparent
    disabled:bg-n-300
    disabled:text-n-500 disabled:hover:cursor-not-allowed disabled:hover:bg-opacity-50 [&amp;_svg]:size-5
    
        
            bg-accent text-white hover:bg-n-900
          
      
    
      px-6 py-4 ds:rounded-lg
    
    w-full
  ">Start shopping</button>
Affected pages/ /products/dark-seas-gift-card /collections/100-military-and-fire-products
Component · Ref YPXV5T
Affected pagehttps://darkseas.com/cart
Elementselect#language_code
Accessible nameEnglish
Markup
<select id="language_code" class="peer block appearance-none obey:rounded-sm cursor-pointer h-12 w-full px-4 bg-n-100 border border-solid border-n-300 text-body-1 font-semibold text-n-900 hover:border-n-900 focus:outline-none focus:ring-0 focus:border-n-900 transition-all disabled:bg-n-300 disabled:text-n-500 leading-[unset] ds:rounded-md" name="language_code" data-target="country-selector.language"><option value="">English</option></select>
High

Modal dialog does not trap keyboard focus

WCAG 2.4.3 (A)1 instance1 inspected page

An open modal leaves the content behind it keyboard-focusable, so keyboard and screen reader users can tab out of the dialog into hidden page content.

Why it matters

An open modal leaves the content behind it keyboard-focusable, so keyboard and screen reader users can tab out of the dialog into hidden page content.

Recommended correction

While a modal is open, confine focus to the dialog and mark the rest of the page inert (or aria-hidden). Restore focus on close.

View 1 affected element
Component · Ref 4E7QHB
Affected pagehttps://darkseas.com/
Elementhtml > body > div:nth-of-type(6) > div > div:nth-of-type(2)
Accessible namePOPUP Form
Roledialog
Markup
<div role="dialog" aria-modal="true" aria-label="POPUP Form" class="needsclick  kl-private-reset-css-Xuajs1" data-kl-scroll-locking-modal="true" style="display: flex; z-index: 90000; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; justify-content: center; align-items: center; overflow: clip auto; background-color: rgba(20, 20, 20, 0.6); animation-timing-function: ease; animation-play-state: running; animation-iteration-count: 1; animation-fill-mode: forwards; animation-delay: 0s; animation-duration: 0.35s; animation-name: klaviyo-fadein;"><div class="needsclick  kl-private-res…
Medium

Content sits outside any landmark region

WCAG 1.3.1 (A)4 instances4 inspected pages

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

Why it 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 primary content in <main> and other regions in appropriate landmark elements.

View 4 affected elements
Component · Ref I3GH3T
Affected pagehttps://darkseas.com/
Elementsection#shopify-section-sections--18416022847715__country_selector_FmiDTJ > modal-dialog
Accessible nameWelcome { "countrySelectorOptions": [{ "name": "Rest of the world", "iso_code": "", "domain_redirect": "https://darkseas.com", "size": "1", "languages": [{ "language": "English", "subpath": "" } ] }, { "name": "United Kingdom", "iso_code": "GB,IE,UK", "domain_redirect": "https://darkseas.co.uk", "size": "1", "languages": [{ "language": "English", "subpath": "" } ] }, { "name": "United States", "iso_code": "US,CA,MX,AU", "domain_redirect": "https://darkseas.com", "size": "1", "languages": [{ "language": "English", "subpath": "" } ] } ] } You are currently in the United States store. In order to be able to checkout, please, select your right location below. Select your location Select your location Rest of the world United Kingdom United States Select your language Select your language English Save
Markup
<modal-dialog data-id="country-selector" class="fixed inset-0 right-[--scrollbar-width] top-[--announcement-bar-height] isolate z-10 hidden place-items-center [--leave-duration:150] data-[leave]:pointer-events-none data-[visible]:grid lg:place-items-end"><modal-toggle data-disabled="" data-id="country-selector" data-backdrop="" aria-hidden="true" class="absolute inset-0 -z-10 cursor-pointer opacity-0 bg-blur-dark data-[disabled]:pointer-events-none data-[open]:opacity-100 data-[leave]:duration-75 data-[open]:duration-150"></modal-toggle><div role="dialog" aria-modal="true" aria-label="Welcome"…
Affected pages/ /products/dark-seas-gift-card /collections/100-military-and-fire-products /cart
Low

List markup is malformed

WCAG 1.3.1 (A)1 instance1 inspected page

A list contains elements other than the list items it should, breaking its structure.

Why it matters

A list contains elements other than the list items it should, breaking its structure.

Recommended correction

Ensure <ul>/<ol> contain only <li> (plus <script>/<template>) as direct children.

View 1 affected element
Component · Ref VV7JXB
Affected pagehttps://darkseas.com/collections/100-military-and-fire-products
Element.obey\:gap-x-2
Accessible nameNo products found.
Markup
<ul class="grid grid-cols-2 gap-2 obey:gap-x-2 obey:gap-y-4 ds:gap-1 ds:px-2 lm:gap-x-2 lm:gap-y-4 lm:px-4 lg:grid-cols-4 lg:grid-flow-dense lg:obey:gap-y-6 lg:ds:gap-6 lg:ds:px-0 lg:lm:gap-x-1 lg:lm:gap-y-6 lg:lm:px-0" data-target="result-grid.grid">

05 · Most affected inspected pages

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.

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