Public accessibility assessment

Accessibility issues detected on fourtwofour.com

Evolize inspected 5 public pages on fourtwofour.com and detected 58 automatically identifiable accessibility findings.

58Findings detected

8WCAG criteria affected

5Pages inspected

8 Sep 2026Assessment date

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

Most widespread issueHidden elements can still receive keyboard focusDetected on 5 inspected pages

Most affected page/collections/all-products28 findings detected

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

Is fourtwofour.com your website?

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

ACTIVATE MONITORING RUN A FREE ASSESSMENT

Not your website? Scan your own site →

01 · Accessibility summary

Evolize inspected 5 public pages on fourtwofour.com and detected 58 accessibility findings. The most widespread issue was "Hidden elements can still receive keyboard focus", detected on 5 inspected pages. The most affected inspected page was "/collections/all-products", where 28 findings were detected. The assessment identified findings mapped to 8 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.

Critical
Form fields are missing labels
WCAG 1.3.1 (A) · 1 inspected page · 3 instances
Why this matters
Form inputs have no programmatically associated label, so assistive technology cannot announce what to enter.
Recommended action
Associate a <label> with each field via for/id, or use aria-label / aria-labelledby. Placeholder text is not a label.
View technical evidence →
High
Interactive controls are not keyboard-accessible
WCAG 2.1.1 (A) · 5 inspected pages · 10 instances
Why this matters
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.
Recommended action
Use a native <button>/<a>, or add tabindex="0" plus keyboard event handlers (Enter/Space) to custom controls.
View technical evidence →
High
Form fields use placeholder text as the only label
WCAG 1.3.1 (A) · 5 inspected pages · 6 instances
Why this 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 action
Add a persistent <label> associated with each field. Keep the placeholder for example text only, not as the label.
View technical evidence →
High
Interactive controls are not keyboard-accessible
WCAG 2.1.1 (A) · 5 inspected pages · 5 instances
Why this matters
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.
Recommended action
Use a native <button>/<a>, or add tabindex="0" plus keyboard event handlers (Enter/Space) to custom controls.
View technical evidence →
High
Interactive controls are not keyboard-accessible
WCAG 2.1.1 (A) · 5 inspected pages · 5 instances
Why this matters
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.
Recommended action
Use a native <button>/<a>, or add tabindex="0" plus keyboard event handlers (Enter/Space) to custom controls.
View technical evidence →

03 · WCAG criteria affected

Criterion	Name	Level	Findings	Pages	Reach
1.4.3	Contrast (Minimum)	AA	25	5	5 / 5
2.4.3	Focus Order	A	10	5	5 / 5
2.1.1	Keyboard	A	9	5	5 / 5
1.3.1	Info and Relationships	A	7	5	5 / 5
4.1.2	Name, Role, Value	A	5	3	3 / 5
1.2.2	Captions (Prerecorded)	A	2	1	1 / 5
1.4.1	Use of Color	A	1	1	1 / 5
3.3.2	Labels or Instructions	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

Critical

Form fields are missing labels

WCAG 1.3.1 (A)3 instances1 inspected page

Form inputs have no programmatically associated label, so assistive technology cannot announce what to enter.

Why it matters

Form inputs have no programmatically associated label, so assistive technology cannot announce what to enter.

Recommended correction

Associate a <label> with each field via for/id, or use aria-label / aria-labelledby. Placeholder text is not a label.

View 3 affected elements

Component · Ref 5OAKBO

Affected pagehttps://fourtwofour.com/collections/all-products

Element#products-per-row-3

Markup

<input class="product-per-style" type="radio" id="products-per-row-3" name="products_per_row-desktop" value="3">

High

Hidden elements can still receive keyboard focus

WCAG 2.4.3 (A)34 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

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 34 affected elements

Component · Ref KGAXUS

Affected pagehttps://fourtwofour.com/pages/contact-us

Elementdetails#Details-menu-drawer-container > a

Accessible nameAccount Log in

Markup

<a href="https://fourtwofour.com/customer_authentication/redirect?locale=en&amp;region_country=US" class="header__icon header__icon--account link focus-inset small-hide">
        <account-icon><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-account" fill="none" viewBox="0 0 18 19">
  
  <text font-size="10px" style="fill: currentColor; transform: translate(-1px, 11px);">
    
      Account
    
  </text>
</svg>

</account-icon>
        <span class="visually-hidden">Log in</span>
      </a>

Affected pages/ /pages/contact-us /products/g-boots-red /collections/all-products /cart

Component · Ref 75BZ8U

Affected pagehttps://fourtwofour.com/cart

Elementa#StandardCardNoMediaLink-template--20031808602177__featured-collection-7896631607361

Accessible name424 DERBY - BLACK

Markup

<a href="/products/424-derby-black" id="StandardCardNoMediaLink-template--20031808602177__featured-collection-7896631607361" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--20031808602177__featured-collection-7896631607361 NoMediaStandardBadge-template--20031808602177__featured-collection-7896631607361">
                424 DERBY - BLACK
              </a>

Affected pages/ /collections/all-products /cart

Component · Ref CJCX4T

Affected pagehttps://fourtwofour.com/collections/all-products

Elementinput#products-per-row-3

Markup

<input class="product-per-style" type="radio" id="products-per-row-3" name="products_per_row-desktop" value="3">

Affected pages/ /collections/all-products

Component · Ref 94YQ2P

Affected pagehttps://fourtwofour.com/products/g-boots-red

Elementli#Slide-template--20031809290305__main-29457562107969 > div > modal-opener > button

Accessible nameOpen media 4 in modal

Markup

<button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="29457562107969">
      <span class="visually-hidden">
        Open media 4 in modal
      </span>
    </button>

Component · Ref 1L8VFY

Affected pagehttps://fourtwofour.com/cart

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

Accessible nameshipping

Markup

<a href="/policies/shipping-policy">shipping</a>

Component · Ref CG8R0H

Affected pagehttps://fourtwofour.com/collections/all-products

Elementaside#main-collection-filters > div:nth-of-type(1) > div:nth-of-type(2) > facet-remove > a

Accessible nameRemove all

Rolebutton

Markup

<a href="/collections/all-products" class="active-facets__button-remove underlined-link" role="button">
        <span>Remove all</span>
      </a>

Component · Ref L8WV3F

Affected pagehttps://fourtwofour.com/cart

Elementdiv#shopify-section-template--20031808602177__cart-items > cart-items > div > div:nth-of-type(1) > a

Accessible nameContinue shopping

Markup

<a href="/collections/all" class="underlined-link">Continue shopping</a>

Component · Ref HOY0DS

Affected pagehttps://fourtwofour.com/collections/all-products

Elementform#FacetFiltersPillsForm > div > facet-remove > a

Accessible nameRemove all

Rolebutton

Markup

<a href="/collections/all-products" class="active-facets__button-remove underlined-link" role="button">
              <span>Remove all</span>
            </a>

High

Interactive controls are not keyboard-accessible

WCAG 2.1.1 (A)34 instances5 inspected pages

A control that responds to clicks (a clickable element or an ARIA widget) cannot receive keyboard focus, so keyboard and switch users cannot operate it.

Why it matters

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.

Recommended correction

Use a native <button>/<a>, or add tabindex="0" plus keyboard event handlers (Enter/Space) to custom controls.

View 34 affected elements

Component · Ref BAU682

Affected pagehttps://fourtwofour.com/pages/contact-us

Elementdetails#Details-menu-drawer-container > summary

Accessible nameMenu

Rolebutton

Markup

<summary class="header__icon header__icon--menu header__icon--summary link focus-inset" aria-label="Menu" role="button" aria-expanded="false" aria-controls="menu-drawer">
      <span>
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-hamburger" fill="none" viewBox="0 0 18 16">
  
  <text font-size="10px" style="fill: currentColor; transform: translate(-1px, 11px);">Menu</text>
</svg>

        <span class="custom-close-text">Close</span>
      </span>
    </summary>

Affected pages/ /pages/contact-us /products/g-boots-red /collections/all-products /cart

Component · Ref 24BGEH

Affected pagehttps://fourtwofour.com/

Elementsummary#HeaderMenu-shop-tops

Accessible nameTops

Rolebutton

Markup

<summary id="HeaderMenu-shop-tops" class="header__menu-item link link--text list-menu__item focus-inset caption-large" role="button" aria-expanded="false" aria-controls="HeaderMenu-SubMenuList-shop-tops-">
                          <span>Tops</span>
                          <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="black">
</path></svg>

                        </summary>

Affected pages/ /pages/contact-us /products/g-boots-red /collections/all-products /cart

Component · Ref 6D44BU

Affected pagehttps://fourtwofour.com/products/g-boots-red

Elementsummary#HeaderMenu-shop

Accessible nameShop

Rolebutton

Markup

<summary id="HeaderMenu-shop" class="header__menu-item list-menu__item link focus-inset" role="button" aria-expanded="false" aria-controls="HeaderMenu-MenuList-1">
                <span>Shop</span>
                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="black">
</path></svg>

              </summary>

Affected pages/ /pages/contact-us /products/g-boots-red /collections/all-products /cart

Component · Ref Q0P3UJ

Affected pagehttps://fourtwofour.com/collections/all-products

Elementsummary#HeaderDrawer-shop-tops

Accessible nameTops

Rolebutton

Markup

<summary id="HeaderDrawer-shop-tops" class="menu-drawer__menu-item link link--text list-menu__item focus-inset" role="button" aria-expanded="false" aria-controls="childlink-tops">
                                      Tops
                                      <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="curren…

Affected pages/ /pages/contact-us /products/g-boots-red /collections/all-products /cart

Component · Ref IRZQQF

Affected pagehttps://fourtwofour.com/

Elementsticky-header > header > div > details-modal > details > summary

Accessible nameSearch

Rolebutton

Markup

<summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search" role="button">
      <span>
        <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false" style="min-width: 60px;">
          <text font-size="10px" style="fill: currentColor; font-size: 10px; font-weight: 400; transform: translate(-1px, 13px);">Search</text>
        </svg>
        <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false">
          <text font-size="10px" style="fill: curre…

Affected pages/ /pages/contact-us /products/g-boots-red /collections/all-products /cart

Component · Ref LE6F1A

Affected pagehttps://fourtwofour.com/collections/all-products

Elementdetails#Details-Mobile-filter\.v\.price-template--20031808634945__product-grid > summary

Accessible namePrice

Rolebutton

Markup

<summary class="mobile-facets__summary focus-inset" role="button" aria-expanded="false" aria-controls="FacetMobile-1-template--20031808634945__product-grid">
                          <div>
                            <span>Price</span>
                            <span class="mobile-facets__arrow"><svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1…

Component · Ref KUN2WN

Affected pagehttps://fourtwofour.com/collections/all-products

Elementdetails#Details-Mobile-filter\.p\.t\.category-template--20031808634945__product-grid > summary

Accessible nameCategory

Rolebutton

Markup

<summary class="mobile-facets__summary focus-inset" role="button" aria-expanded="false" aria-controls="FacetMobile-2-template--20031808634945__product-grid">
                          <div>
                            <span>Category</span>
                            <span class="mobile-facets__arrow"><svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.64…

Component · Ref H95KHX

Affected pagehttps://fourtwofour.com/collections/all-products

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

Accessible namePage 1

Rolelink

Markup

<a role="link" aria-disabled="true" class="pagination__item pagination__item--current light" aria-current="page" aria-label="Page 1">1</a>

Component · Ref XPKXX1

Affected pagehttps://fourtwofour.com/cart

Elementdiv#dynamic-checkout-cart > shopify-accelerated-checkout-cart > div > ul > li > div

Rolebutton

Markup

<div class="wallet-cart-button wallet-cart-button__skeleton" role="button" disabled="" aria-hidden="true">&nbsp;</div>

High

Form fields use placeholder text as the only label

WCAG 1.3.1 (A)6 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 persistent <label> associated with each field. Keep the placeholder for example text only, not as the label.

View 6 affected elements

Component · Ref Q699US

Affected pagehttps://fourtwofour.com/collections/all-products

Elementinput#Search-In-Modal

Rolecombobox

Markup

<input class="search__input field__input" id="Search-In-Modal" type="search" name="q" value="" placeholder="Search" role="combobox" aria-expanded="false" aria-owns="predictive-search-results" aria-controls="predictive-search-results" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">

Affected pages/ /pages/contact-us /products/g-boots-red /collections/all-products /cart

High

Links must be distinguishable without relying on color

WCAG 1.4.1 (A)1 instance1 inspected page

Links must be distinguishable without relying on color

Why it matters

Links must be distinguishable without relying on color

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 1 affected element

Component · Ref LVJ63I

Affected pagehttps://fourtwofour.com/products/g-boots-red

Element.product__tax > a[href$="shipping-policy"]

Accessible nameShipping

Markup

<a href="/policies/shipping-policy">Shipping</a>

Medium

Text has insufficient colour contrast

WCAG 1.4.3 (AA)260 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 260 affected elements

Component · Ref MBUDRU

Affected pagehttps://fourtwofour.com/

Element.modal__toggle-open > text

Accessible nameSearch

Markup

<text font-size="10px" style="fill: currentColor; font-size: 10px; font-weight: 400; transform: translate(-1px, 13px);">Search</text>

Affected pages/ /pages/contact-us /products/g-boots-red /collections/all-products /cart

Component · Ref HNKDB5

Affected pagehttps://fourtwofour.com/collections/all-products

Element#CardLink-template--20031808634945__product-grid-7896627413057

Accessible nameCREST LEATHER SWEAT - BLACK

Markup

<a href="/products/academy-leather-sweat-black" id="CardLink-template--20031808634945__product-grid-7896627413057" class="full-unstyled-link" aria-labelledby="CardLink-template--20031808634945__product-grid-7896627413057 Badge-template--20031808634945__product-grid-7896627413057">

Affected pages/collections/all-products /cart

Component · Ref 4WRIDW

Affected pagehttps://fourtwofour.com/collections/all-products

Element

.scroll-trigger--offscreen.grid__item.animate--slide-in:nth-child(72) > .card-wrapper.product-card-wrapper.underline-links-hover > .card.card--standard.card--media > .card__content > .card__information > .card-information > .price--on-sale.price > .price__container > .price__sale > span:nth-child(2) > s

Accessible name$1,410.00

Markup

<s class="price-item price-item--regular">
              
                $1,410.00
              
            </s>

Component · Ref 51G99L

Affected pagehttps://fourtwofour.com/collections/all-products

Element

.scroll-trigger--offscreen.grid__item.animate--slide-in:nth-child(29) > .card-wrapper.product-card-wrapper.underline-links-hover > .card.card--standard.card--media > .card__content > .card__information > .card-information > .price > .price__container > .price__regular > .price-item--regular.price-item

Accessible name$470.00

Markup

<span class="price-item price-item--regular">
            $470.00
          </span>

Component · Ref 97ESVS

Affected pagehttps://fourtwofour.com/collections/all-products

Element

.scroll-trigger--offscreen.grid__item.animate--slide-in:nth-child(46) > .card-wrapper.product-card-wrapper.underline-links-hover > .card.card--standard.card--media > .card__content > .card__information > .card-information > .price--on-sale.price > .price__container > .price__sale > .price-item--sale.price-item--last.price-item

Accessible name$1,232.00

Markup

<span class="price-item price-item--sale price-item--last">
          $1,232.00
        </span>

Component · Ref 2L5JQH

Affected pagehttps://fourtwofour.com/collections/all-products

Element

.scroll-trigger--offscreen.grid__item.animate--slide-in:nth-child(20) > .card-wrapper.product-card-wrapper.underline-links-hover > .card.card--standard.card--media > .card__content > .card__information > .card-information > .sold-out-inline

Accessible nameSold out

Markup

<div class="sold-out-inline">Sold out</div>

Component · Ref KEB2UG

Affected pagehttps://fourtwofour.com/pages/contact-us

Elementlabel[for="ContactForm-phone"]

Accessible namePhone number

Markup

<label class="field__label" for="ContactForm-phone">Phone number</label>

Component · Ref XEKN48

Affected pagehttps://fourtwofour.com/pages/contact-us

Element#ContactForm-phone

Markup

<input type="tel" id="ContactForm-phone" class="field__input" autocomplete="tel" name="contact[Phone number]" pattern="[0-9\-]*" value="" placeholder="Phone number">

Component · Ref KWLF7O

Affected pagehttps://fourtwofour.com/pages/contact-us

Element.contact__button > .button[type="submit"]

Accessible nameSend

Markup

<button type="submit" class="button">
          Send
        </button>

Component · Ref 6B4GRX

Affected pagehttps://fourtwofour.com/pages/contact-us

Element.form__label

Accessible nameComment

Markup

<label class="form__label field__label" for="ContactForm-body">Comment</label>

Component · Ref 04T40T

Affected pagehttps://fourtwofour.com/pages/contact-us

Element#ContactForm-body

Markup

<textarea rows="10" id="ContactForm-body" class="text-area field__input" name="contact[Comment]" placeholder="Comment"></textarea>

Component · Ref C9C4QW

Affected pagehttps://fourtwofour.com/cart

Element

#Slide-template--20031808602177__featured-collection-3 > .card-wrapper.product-card-wrapper.underline-links-hover > .card.card--standard.card--media > .card__inner.ratio.color-scheme-2 > .card__content > .card__badge.top.right > .badge.badge--bottom-left.color-scheme-481680db-a9d1-4d7e-95ca-c6f363c99b41

Accessible nameSALE

Markup

<span id="NoMediaStandardBadge-template--20031808602177__featured-collection-7896591073345" class="badge badge--bottom-left color-scheme-481680db-a9d1-4d7e-95ca-c6f363c99b41">
                SALE
              </span>

Component · Ref TFDLA5

Affected pagehttps://fourtwofour.com/cart

Element

#Slide-template--20031808602177__featured-collection-1 > .card-wrapper.product-card-wrapper.underline-links-hover > .card.card--standard.card--media > .card__content > .card__information > .card-information > .price--on-sale.price > .price__container > .price__sale > span:nth-child(2) > s

Accessible name$940.00

Markup

<s class="price-item price-item--regular">
              
                $940.00
              
            </s>

Component · Ref 1XLR69

Affected pagehttps://fourtwofour.com/cart

Element

#Slide-template--20031808602177__featured-collection-4 > .card-wrapper.product-card-wrapper.underline-links-hover > .card.card--standard.card--media > .card__content > .card__information > .card-information > .price--on-sale.price > .price__container > .price__sale > .price-item--sale.price-item--last.price-item

Accessible name$455.00

Markup

<span class="price-item price-item--sale price-item--last">
          $455.00
        </span>

Component · Ref JVWANO

Affected pagehttps://fourtwofour.com/collections/all-products

Element

.grid__item.animate--slide-in[data-cascade=""]:nth-child(7) > .card-wrapper.product-card-wrapper.underline-links-hover > .card.card--standard.card--media > .card__inner.ratio.color-scheme-2 > .card__content > .card__badge.top.right > .badge.badge--bottom-left.color-scheme-481680db-a9d1-4d7e-95ca-c6f363c99b41

Accessible nameSALE

Markup

<span id="NoMediaStandardBadge-template--20031808634945__product-grid-7896634097729" class="badge badge--bottom-left color-scheme-481680db-a9d1-4d7e-95ca-c6f363c99b41">
                SALE
              </span>

Component · Ref AY48XS

Affected pagehttps://fourtwofour.com/

Element#HeaderMenu-client-services > span

Accessible nameClient Services

Markup

<span>Client Services</span>

Component · Ref QY1CNJ

Affected pagehttps://fourtwofour.com/

Element.home-navigation__link[href$="all"]

Accessible nameShop

Markup

<a href="/collections/all" class="home-navigation__link">Shop</a>

Component · Ref BC8LY0

Affected pagehttps://fourtwofour.com/

Element.place

Accessible nameLos Angeles, CA |

Markup

<div class="place">Los Angeles, CA |&nbsp;</div>

Component · Ref 1BIA59

Affected pagehttps://fourtwofour.com/

Elementbutton[aria-controls="HeaderCountry-country-results"] > span

Accessible nameUnited States | USD $

Markup

<span>United States |
      USD
      $</span>

Component · Ref IMRUL7

Affected pagehttps://fourtwofour.com/

Elementa[href=""]

Accessible nameCart | $0.00

Markup

<a style="width: 100%; display: flex; justify-content: flex-end; align-items: center;" class="home-navigation__link header__icon header__icon--cart link focus-inset" href="" onclick="cartClick(event);">
                Cart
                | $0.00
              </a>

Component · Ref WWCOYK

Affected pagehttps://fourtwofour.com/cart

Element.collection__view-all > .button[href$="all"]

Accessible nameView all products in the Products collection

Markup

<a href="/collections/all" class="button" aria-label="View all products in the Products collection">
          View all
        </a>

Component · Ref W7PM9W

Affected pagehttps://fourtwofour.com/

Element#cart-icon-bubble

Accessible nameCart

Rolebutton

Markup

<a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble" role="button" aria-haspopup="dialog">
  Cart
</a>

Component · Ref RW0H50

Affected pagehttps://fourtwofour.com/

Element.clock

Accessible nameTuesday, September 8, 2026 | 07:30:00 AM PST

Markup

<div class="clock">Tuesday, September 8, 2026 | 07:29:59 AM PST</div>

Component · Ref M2WU8J

Affected pagehttps://fourtwofour.com/cart

Element.inline-richtext

Accessible nameFeatured collection

Markup

<h2 class="title inline-richtext h2 scroll-trigger animate--slide-in">
          Featured collection
        </h2>

Component · Ref IJK6KD

Affected pagehttps://fourtwofour.com/cart

Element

#Slide-template--20031808602177__featured-collection-2 > .card-wrapper.product-card-wrapper.underline-links-hover > .card.card--standard.card--media > .card__content > .card__information > .card-information > .price > .price__container > .price__regular > .price-item--regular.price-item

Accessible name$1,060.00

Markup

<span class="price-item price-item--regular">
            $1,060.00
          </span>

Medium

Navigation regions are not distinguishable

WCAG 1.3.1 (A)10 instances5 inspected pages

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

Why it matters

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

Recommended correction

Give each navigation region a distinct aria-label (e.g. "Primary", "Footer") when more than one is present.

View 10 affected elements

Component · Ref GYD72V

Affected pagehttps://fourtwofour.com/collections/all-products

Elementdiv#menu-drawer > div > div > nav

Accessible nameShop Shop Shop All Academy Jackets & Coats Jeans, Pants & Shorts Shoes Tops Tops T-Shirts Shirts Sweaters Suits & Blazers Bags & Accessories Melrose Place Client Services

Markup

<nav class="menu-drawer__navigation">
            <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><details id="Details-menu-drawer-menu-item-1">
                      <summary id="HeaderDrawer-shop" class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-shop">
                        Shop
                        <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.53…

Affected pages/ /pages/contact-us /products/g-boots-red /collections/all-products /cart

Component · Ref YL3V26

Affected pagehttps://fourtwofour.com/cart

Elementdiv#shopify-section-sections--20031804571713__header > sticky-header > header > nav

Accessible nameShop Shop All Academy Jackets & Coats Jeans, Pants & Shorts Shoes Tops T-Shirts Shirts Sweaters Suits & Blazers Bags & Accessories Melrose Place Client Services

Markup

<nav class="header__inline-menu">
  <ul class="list-menu list-menu--inline" role="list"><li><header-menu>
            <details id="Details-HeaderMenu-1">
              <summary id="HeaderMenu-shop" class="header__menu-item list-menu__item link focus-inset" role="button" aria-expanded="false" aria-controls="HeaderMenu-MenuList-1">
                <span>Shop</span>
                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.70…

Affected pages/ /pages/contact-us /products/g-boots-red /collections/all-products /cart

Medium

IDs used in ARIA and labels must be unique

WCAG 4.1.2 (A)42 instances3 inspected pages

IDs used in ARIA and labels must be unique

Why it matters

IDs used in ARIA and labels must be unique

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 42 affected elements

Component · Ref G9TVF2

Affected pagehttps://fourtwofour.com/collections/all-products

Element

.scroll-trigger--offscreen.grid__item.animate--slide-in:nth-child(68) > .card-wrapper.product-card-wrapper.underline-links-hover > .card.card--standard.card--media > .card__inner.ratio.color-scheme-2 > .card__content > .card__badge.top.right > .badge.badge--bottom-left.color-scheme-481680db-a9d1-4d7e-95ca-c6f363c99b41

Markup

<span id="NoMediaStandardBadge-template--20031808634945__product-grid-7896633671745" class="badge badge--bottom-left color-scheme-481680db-a9d1-4d7e-95ca-c6f363c99b41">
                SALE
              </span>

Component · Ref NXUBG2

Affected pagehttps://fourtwofour.com/cart

Element

#Slide-template--20031808602177__featured-collection-1 > .card-wrapper.product-card-wrapper.underline-links-hover > .card.card--standard.card--media > .card__inner.ratio.color-scheme-2 > .card__content > .card__badge.top.right > .badge.badge--bottom-left.color-scheme-481680db-a9d1-4d7e-95ca-c6f363c99b41

Accessible nameSALE

Markup

<span id="NoMediaStandardBadge-template--20031808602177__featured-collection-7896621088833" class="badge badge--bottom-left color-scheme-481680db-a9d1-4d7e-95ca-c6f363c99b41">
                SALE
              </span>

Component · Ref A1HV7J

Affected pagehttps://fourtwofour.com/

Element

#HeaderCountryMobileForm > div > .disclosure > .disclosure__list-wrapper.country-selector[hidden=""] > .country-filter > .field > .country-filter__input[name="country_filter"][aria-owns="country-results"]

Rolecombobox

Markup

<input class="country-filter__inpu..." id="country-filter-input" type="search" name="country_filter" value="" placeholder="Search" role="combobox" aria-owns="country-results" aria-controls="country-results" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" ...>

Medium

<video> elements must have captions

WCAG 1.2.2 (A)1 instance1 inspected page

<video> elements must have captions

Why it matters

<video> elements must have captions

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 1 affected element

Component · Ref KZTGVI

Affected pagehttps://fourtwofour.com/

Element.video-background

Markup

<video autoplay="" loop="" muted="" playsinline="" class="video-background" style="object-fit: cover; width: 100%; height: 100%; min-height: 100vh;">

Low

ARIA attributes have invalid values

WCAG 4.1.2 (A)1 instance1 inspected page

ARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.

Why it matters

ARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.

Recommended correction

Correct ARIA attribute values and ensure referenced ids exist in the DOM.

View 1 affected element

Component · Ref KJAG4G

Affected pagehttps://fourtwofour.com/collections/all-products

Element#main-collection-filters

Accessible nameShop All Refine Filter Close Filter Filter 116 products Price Price The highest price is $2,051.00 $ From $ To Clear Apply Category Category Coats & Jackets (18) Coats & Jackets (18 products) Hoodies (1) Hoodies (1 products) Shirts (13) Shirts (13 products) Shoes (16) Shoes (16 products) Sweaters (11) Sweaters (11 products) T-Shirts (21) T-Shirts (21 products) Trousers (32) Trousers (32 products) Clear Apply Remove all Apply Remove all Remove all #main-collection-filters { position: relative; } .products-per-row-filter { position: absolute; height: 18px; top: 50%; right: 90px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .product-per-style { opacity: 0; position: absolute; } .product-per-style:checked + label svg rect { fill: black !important; } @media screen and (max-width: 989px) { .products-per-row-filter { display: none; } }

Markup

<aside aria-labelledby="verticalTitle" class="facets-wrapper" id="main-collection-filters" data-id="template--20031808634945__product-grid">

Low

Content sits outside any landmark region

WCAG 1.3.1 (A)1 instance1 inspected page

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 1 affected element

Component · Ref C9E92L

Affected pagehttps://fourtwofour.com/products/g-boots-red

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

Accessible nameLog in to check out faster.

Markup

<p class="cart__login-paragraph">
                  <a href="https://fourtwofour.com/customer_authentication/redirect?locale=en&amp;region_country=US" class="link underlined-link">Log in</a> to check out faster.
                </p>

Low

Page has no level-one heading

WCAG 1.3.1 (A)1 instance1 inspected page

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

Why it matters

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

Recommended correction

Add a single descriptive <h1> that names the page's primary purpose.

View 1 affected element

Component · Ref 1870Y2

Affected pagehttps://fourtwofour.com/collections/all-products

Elementhtml > body

Accessible nameSkip to content .drawer { visibility: hidden; } Your cart is empty Close Continue shopping Have an account? Log in to check out faster. YOUR CART CLOSE Loading... Estimated total $0.00 USD Taxes, discounts and shipping calculated at checkout. Check out header-drawer { justify-self: start; margin-left: -1.2rem; }@media screen and (min-width: 750px) { header-drawer { display: none; } }.menu-drawer-container { display: flex; } .list-menu { list-style: none; padding: 0; margin: 0; } .list-menu--inline { display: inline-flex; flex-wrap: wrap; } summary.list-menu__item { padding-right: 2.7rem; } .list-menu__item { display: flex; align-items: center; line-height: calc(1 + 0.3 / var(--font-body-scale)); position: relative; top: -1px; } @media screen and (min-width: 990px) { .list-menu__item { position: relative; top: -1px; } } .list-menu__item--link { text-decoration: none; padding-bottom: 1rem; padding-top: 1rem; line-height: calc(1 + 0.8 / var(--font-body-scale)); } @media screen and (min-width: 750px) { .list-menu__item--link { padding-bottom: 0.5rem; padding-top: 0.5rem; } } @media screen and (max-width: 749px) { .header__heading-logo { max-width: 90px; } } .header { padding: 0px 2rem 0px 2rem; } @media screen and (min-width: 750px) { .header { padding: 0px 3rem 0px 3rem; } } .section-header { position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */ margin-bottom: 0px; } @media screen and (min-width: 750px) { .section-header { margin-bottom: 0px; } } @media screen and (min-width: 990px) { .header { padding-top: 0px; padding-bottom: 0px; } } @media screen and (max-width: 749px) { .country-selector__close-button.link { color: white; } .country-selector__close-button svg.icon { width: 5rem!important; height: 1.5rem!important; color: black; } .country-selector__close-button.link { width: 5rem!important; } } .country-filter__input.field__input { background-color: transparent!important; } SEARCH Menu Close Shop Shop Shop All Academy Jackets & Coats Jeans, Pants & Shorts Shoes Tops Tops T-Shirts Shirts Sweaters Suits & Blazers Bags & Accessories Melrose Place Client Services Log in Country/region United States | USD $ Search Close Germany EUR € Spain EUR € United States USD $ Afghanistan AFN ؋ Åland Islands EUR € Albania ALL L Algeria DZD د.ج Andorra EUR € Angola USD $ Anguilla XCD $ Antigua & Barbuda XCD $ Argentina USD $ Armenia AMD դր. Aruba AWG ƒ Ascension Island SHP £ Australia AUD $ Austria …[truncated by Evolize: exceeded D1 value limit]

Markup

<body class="gradient animate--hover-default">
    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
      Skip to content
    </a>

<link href="//fourtwofour.com/cdn/shop/t/57/assets/quantity-popover.css?v=158050847529176419871776806887" rel="stylesheet" type="text/css" media="all">
<link href="//fourtwofour.com/cdn/shop/t/57/assets/component-card.css?v=46801649582609125601776806887" rel="stylesheet" type="text/css" media="all">

<script src="//fourtwofour.com/cdn/shop/t/57/assets/cart.js?v=107864062532657556931776806887" defer="defer"></script>
<script src="//fourtw…

Low

Video may be missing captions

WCAG 1.2.2 (A)2 instances1 inspected page

A video element has no captions or subtitles track. Whether captions are needed depends on the audio content and requires manual review.

Why it matters

A video element has no captions or subtitles track. Whether captions are needed depends on the audio content and requires manual review.

Recommended correction

Provide a synchronized captions track (<track kind="captions">) for video with meaningful audio.

View 2 affected elements

Component · Ref 4X61KX

Affected pagehttps://fourtwofour.com/

Element

div#shopify-section-template--20031808929857__tc_background_slider_Xqbdze > div > div:nth-of-type(3) > video:nth-of-type(1)

Markup

<video autoplay="" loop="" muted="" playsinline="" class="video-background" style="object-fit: cover; width: 100%; height: 100%; min-height: 100vh;">
        
          <source src="//fourtwofour.com/cdn/shop/videos/c/vp/159a44019d834d249da4edb7e26cd9ff/159a44019d834d249da4edb7e26cd9ff.m3u8?v=0" type="video/m3u8">
        
          <source src="//fourtwofour.com/cdn/shop/videos/c/vp/159a44019d834d249da4edb7e26cd9ff/159a44019d834d249da4edb7e26cd9ff.HD-1080p-7.2Mbps-84064846.mp4?v=0" type="video/mp4">
        
      </video>

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 R7VR39

Affected pagehttps://fourtwofour.com/

Element.home-navigation__list

Accessible nameShop Shop All Jackets & Coats Jeans, Pants & Shorts Shoes Tops Suits & Blazers Bags & Accessories Academy Search Account #::placeholder { opacity: 1; } Marathon Boots Alias T-Shirts Valentina Vargas Enter Close document.addEventListener('DOMContentLoaded', function () { const input = document.getElementById('homePlace'); const spans = document.querySelectorAll('.placehold span'); let letterIndex = 0; let spanIndex = 0; function updatePlaceholder() { if (spanIndex < spans.length) { const spanText = spans[spanIndex].textContent; if (letterIndex < spanText.length) { input.placeholder += spanText.charAt(letterIndex); letterIndex++; setTimeout(updatePlaceholder, 100); } else { letterIndex = 0; spanIndex++; setTimeout(() => { input.placeholder = ''; updatePlaceholder(); }, 1000); } } else { spanIndex = 0; setTimeout(() => { input.placeholder = ''; updatePlaceholder(); }, 1000); } } updatePlaceholder(); const searchForm = document.querySelector('.search-home__form'); const toggleSearchButton = document.getElementById('toggle-search'); const closeSearchButton = document.getElementById('home-search-close'); toggleSearchButton.addEventListener('click', function () { searchForm.classList.add('openIt'); }); closeSearchButton.addEventListener('click', function () { searchForm.classList.remove('openIt'); toggleSearchButton.style.textAlign = 'center'; }); }); Melrose Place Guillermo Andrade, Creative Director and Founder, launched his eponymous in-house label, 424, in 2015.Demonstrating an instinctive approach to design, Andrade has continuously imbued elements of contemporary art within his nonchalant Los Angeles aesthetic to deliver a range of easy-to-wear avant-staples.Personally designed piece-by-piece, often involving hand-painted details, 424’s design philosophy believes that each design needs to be as unique as its eventual owner. Client Services Here you will find information on order confirmation, processing, modifying or canceling orders, checking order status, payment details, shipping and handling, returns and exchanges, and our terms of service. For any other inquiries, please email us at [email removed]. Cart | $0.00 Your cart is empty

Markup

<ul class="home-navigation__list">

05 · Most affected inspected pages

/collections/all-products
Critical
28 findings
/
High
24 findings
/cart
High
23 findings
/pages/contact-us
High
16 findings
/products/g-boots-red
High
16 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.

ACTIVATE MONITORING SEE PRICING

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

Accessibility issues detected on fourtwofour.com

Is fourtwofour.com your website?

01 · Accessibility summary

02 · Start here

Form fields are missing labels

Interactive controls are not keyboard-accessible

Form fields use placeholder text as the only label

Interactive controls are not keyboard-accessible

Interactive controls are not keyboard-accessible

03 · WCAG criteria affected

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

04 · All detected findings

Form fields are missing labels

Hidden elements can still receive keyboard focus

Interactive controls are not keyboard-accessible

Modal dialog does not trap keyboard focus

Form fields use placeholder text as the only label

Links must be distinguishable without relying on color

Text has insufficient colour contrast

Navigation regions are not distinguishable

IDs used in ARIA and labels must be unique

<video> elements must have captions

ARIA attributes have invalid values

Content sits outside any landmark region

Page has no level-one heading

Video may be missing captions

List markup is malformed

05 · Most affected inspected pages

06 · About this assessment

07 · Continuous monitoring

Reports with similar accessibility findings