EVOLIZEDIGITAL RISK INTELLIGENCE
RUN FREE ASSESSMENT
RUN FREE ASSESSMENT
Public accessibility assessment

Accessibility issues detected on brooklyncloth.com

Evolize inspected 5 public pages on brooklyncloth.com and detected 62 automatically identifiable accessibility findings.

62Findings detected
9WCAG criteria affected
5Pages inspected
9 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/products/gift-card37 findings detected
Most represented WCAG criterionWCAG 1.4.3 — Contrast (Minimum)20 detected findings

Is brooklyncloth.com your website?

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

ACTIVATE MONITORINGRUN A FREE ASSESSMENT
https://

Not your website? Scan your own site →

01 · Accessibility summary

Evolize inspected 5 public pages on brooklyncloth.com and detected 62 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 "/products/gift-card", where 37 findings were detected. The assessment identified findings mapped to 9 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

    Links lack accessible text

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

    Links expose no accessible name, so screen-reader users cannot determine their destination.

    Recommended action

    This link exposes no accessible text. Add visible text that identifies its destination, or remove the link if it serves no purpose. For an icon-only link, provide an aria-label describing where it goes. The link points to /collections/bodega-collection.

    View technical evidence →
  2. Critical

    Buttons have no accessible name

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

    Interactive buttons expose no accessible name, so their purpose cannot be determined by assistive technology.

    Recommended action

    Give it an accessible name that describes the action it performs: provide visible text when a visible label is appropriate, an aria-label for an icon-only control (for example aria-label="Dismiss notification"), or aria-labelledby when an existing visible label already describes it. Avoid vague names such as "Button", "Action", or the component's internal name.

    View technical evidence →
  3. Critical

    Dropdown menus have no accessible name

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

    Select menus expose no programmatic name, so assistive technology cannot announce what the choice is for.

    Recommended action

    Associate a <label> with each <select>, or add an aria-label / aria-labelledby that names its purpose.

    View technical evidence →
  4. Critical

    Links lack accessible text

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

    Links expose no accessible name, so screen-reader users cannot determine their destination.

    Recommended action

    This link exposes no accessible text. Add visible text that identifies its destination, or remove the link if it serves no purpose. For an icon-only link, provide an aria-label describing where it goes. The link points to /collections/bottoms.

    View technical evidence →
  5. Critical

    Links lack accessible text

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

    Links expose no accessible name, so screen-reader users cannot determine their destination.

    Recommended action

    This link exposes no accessible text. Add visible text that identifies its destination, or remove the link if it serves no purpose. For an icon-only link, provide an aria-label describing where it goes. The link points to https://www.brooklyncloth.com/collections/new-arrivals.

    View technical evidence →

03 · WCAG criteria affected

CriterionNameLevelFindingsPagesReach
1.4.3Contrast (Minimum)AA2055 / 5
2.4.3Focus OrderA1055 / 5
2.1.1KeyboardA955 / 5
4.1.2Name, Role, ValueA955 / 5
1.3.1Info and RelationshipsA655 / 5
2.4.4Link Purpose (In Context)A322 / 5
2.5.8Target Size (Minimum)AA311 / 5
3.3.2Labels or InstructionsA322 / 5
2.2.2Pause, Stop, HideA233 / 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.

ACTIVATE MONITORINGSEE PRICING

04 · All detected findings

Critical

Buttons have no accessible name

WCAG 4.1.2 (A)2 instances1 inspected page

Interactive buttons expose no accessible name, so their purpose cannot be determined by assistive technology.

Why it matters

Interactive buttons expose no accessible name, so their purpose cannot be determined by assistive technology.

Recommended correction

Give it an accessible name that describes the action it performs: provide visible text when a visible label is appropriate, an aria-label for an icon-only control (for example aria-label="Dismiss notification"), or aria-labelledby when an existing visible label already describes it. Avoid vague names such as "Button", "Action", or the component's internal name.

View 2 affected elements
Component · Ref CBEEB1
Affected pagehttps://www.brooklyncloth.com/products/gift-card
Elementproduct-recommendations > .section-header__line > .container > .section-header__item > .section-header__title__block.section_border_bottom > .section-header__button > .section-header__button-arrow > .swiper-button-next.swiper-button
Markup
<button class="swiper-button swiper-button-next">
Component · Ref PI3YKC
Affected pagehttps://www.brooklyncloth.com/products/gift-card
Elementproduct-recommendations > .section-header__line > .container > .section-header__item > .section-header__title__block.section_border_bottom > .section-header__button > .section-header__button-arrow > .section-header__button-right.swiper-button-prev.swiper-button-disabled
Markup
<button class=" section-header__button-right swiper-button swiper-button-prev swiper-button-disabled">
Critical

Dropdown menus have no accessible name

WCAG 4.1.2 (A)1 instance1 inspected page

Select menus expose no programmatic name, so assistive technology cannot announce what the choice is for.

Why it matters

Select menus expose no programmatic name, so assistive technology cannot announce what the choice is for.

Recommended correction

Associate a <label> with each <select>, or add an aria-label / aria-labelledby that names its purpose.

View 1 affected element
Component · Ref FMJKWF
Affected pagehttps://www.brooklyncloth.com/collections/all-products-excluding-route
Element#SortBy
Accessible nameFeatured Most relevant Best selling Alphabetically, A-Z Alphabetically, Z-A Price, low to high Price, high to low Date, old to new Date, new to old
Markup
<select name="sort_by" class="select__select medium-font" id="SortBy" aria-describedby="a11y-refresh-page-message">
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

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 50 affected elements
Component · Ref 9OHWPW
Affected pagehttps://www.brooklyncloth.com/products/gift-card
Elementbutton#uw-skip-to-main
Accessible nameSkip to main content
Markup
<button class="uw-sl__item" data-uw-rm-ignore="true" data-uw-ignore-translate="true" lang="en-US" id="uw-skip-to-main"><span class="uw-sl__item__left" data-uw-ignore-translate="true"><span class="uw-sl__item__img"><svg focusable="false" width="26" height="24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="presentation"><g stroke="#000" stroke-width="1.5" fill="none" fill-rule="evenodd"><rect class="no-fill" fill="none" x=".75" y=".75" width="24.5" height="22.5" rx="3"></rect><path class="no-fill" fill="none" d="M1 7h24M9.5 7v17"></path></g></svg></span><span class="uw-sl__item__ti…
Affected pages/ /collections/all-products-excluding-route /pages/contact-us /products/gift-card /cart
Component · Ref J31NUO
Affected pagehttps://www.brooklyncloth.com/
Elementdiv:nth-of-type(2) > div:nth-of-type(2) > details > ul > li:nth-of-type(6) > a
Accessible nameAccessibility Statement
Markup
<a href="/pages/accessibility-statement" class="footer--button small-font list-menu__item list-menu__item--link">
																<span>Accessibility Statement</span>
															</a>
Affected pages/ /pages/contact-us /cart
Component · Ref NU542O
Affected pagehttps://www.brooklyncloth.com/collections/all-products-excluding-route
Elementform#FacetFiltersFormMobile > div > div:nth-of-type(2) > div:nth-of-type(2) > facet-remove > a
Accessible nameClear all
Rolebutton
Markup
<a href="/collections/all-products-excluding-route" class="mobile-facets__clear focus-inset" role="button">Clear all</a>
Affected pages/collections/all-products-excluding-route /products/gift-card
Component · Ref IXDI14
Affected pagehttps://www.brooklyncloth.com/products/gift-card
Elementdiv > div > div > div > modal-opener > button
Accessible nameOpen media 1 in gallery view
Markup
<button class="product__media-toggle" type="button" aria-haspopup="dialog" data-media-id="22206349387">
  <span class="visually-hidden">Open media 1 in gallery view
</span>
  </button>
Component · Ref 25NQ5P
Affected pagehttps://www.brooklyncloth.com/products/gift-card
Elementinput#question_email_3776394947
Markup
<input class="spr-form-input spr-form-input-email stamped-form-input stamped-form-input-email" id="question_email_3776394947" type="email" name="email" value="" placeholder="[email removed]" required="">
Component · Ref WI39TQ
Affected pagehttps://www.brooklyncloth.com/collections/all-products-excluding-route
Elementdiv > div:nth-of-type(2) > div > div > facet-remove > a
Accessible nameClear all
Rolebutton
Markup
<a href="/collections/all-products-excluding-route" class="button button--primary active-facets__button-remove focus-inset main-facets-remove" role="button">
								<span class=" small-font">Clear all</span>
							</a>
Component · Ref KEHORC
Affected pagehttps://www.brooklyncloth.com/cart
Elementsection#shopify-section-template--18925956759627__popular-products > div > div:nth-of-type(2) > div > div:nth-of-type(2) > span:nth-of-type(2)
Accessible nameGo to slide 2
Rolebutton
Markup
<span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span>
Component · Ref PKDGWN
Affected pagehttps://www.brooklyncloth.com/collections/all-products-excluding-route
Elementdiv:nth-of-type(1) > menu-drawer > details > summary > span:nth-of-type(2) > a
Accessible nameClose
Markup
<a href="#" class="button small-font close_filter_element">Close</a>
Component · Ref LFWX1V
Affected pagehttps://www.brooklyncloth.com/products/gift-card
Elementtextarea#question_body_3776394947
Markup
<textarea class="spr-form-input spr-form-input-textarea stamped-form-input stamped-form-input-textarea" id="question_body_3776394947" data-product-id="3776394947" name="reviewBody" rows="10" maxlength="1000" placeholder="Write your question here" required=""></textarea>
Component · Ref TVV0DH
Affected pagehttps://www.brooklyncloth.com/collections/all-products-excluding-route
Elementselect#SortBy-mobile
Accessible nameFeatured Most relevant Best selling Alphabetically, A-Z Alphabetically, Z-A Price, low to high Price, high to low Date, old to new Date, new to old
Markup
<select name="sort_by" class="select__select" id="SortBy-mobile" aria-describedby="a11y-refresh-page-message"><option value="manual">
															Featured
														</option><option value="most-relevant">
															Most relevant
														</option><option value="best-selling" selected="selected">
															Best selling
														</option><option value="title-ascending">
															Alphabetically, A-Z
														</option><option value="title-descending">
															Alphabetically, Z-A
														</option><option value="price-ascending">
															Pric…
High

Interactive controls are not keyboard-accessible

WCAG 2.1.1 (A)37 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 37 affected elements
Component · Ref OHT59G
Affected pagehttps://www.brooklyncloth.com/products/gift-card
Elementdiv > nav > ul > li:nth-of-type(3) > details > summary
Accessible nameCollections
Rolebutton
Markup
<summary class="menu-drawer__menu-item list-menu__item focus-inset" role="button" aria-expanded="false" aria-controls="link-Collections">
																		<span class="extra-large-font">
																			Collections
																	</span>
																	</summary>
Affected pages/ /collections/all-products-excluding-route /pages/contact-us /products/gift-card /cart
Component · Ref B0BRP5
Affected pagehttps://www.brooklyncloth.com/products/gift-card
Elementdiv > div > div > header-drawer > details > summary
Accessible nameMenu
Rolebutton
Markup
<summary class="header__icon header__icon--menu header__icon--summary focus-inset" aria-label="Menu" role="button" aria-expanded="false" aria-controls="menu-drawer">
									<span class="header__modal-icon header__modal-open">
										

<svg width="36" height="17" viewBox="0 0 36 17" fill="none" xmlns="http://www.w3.org/2000/svg">
	<path d="M0 1.5H36" stroke="currentColor" stroke-width="1.5"></path>
	<path d="M0 8.5H36" stroke="currentColor" stroke-width="1.5"></path>
	<path d="M0 15.5H36" stroke="currentColor" stroke-width="1.5"></path>
</svg>


									</span>
									<span class="heade…
Affected pages/ /collections/all-products-excluding-route /pages/contact-us /products/gift-card /cart
Component · Ref IVSH6C
Affected pagehttps://www.brooklyncloth.com/cart
Elementsummary#account-icon-open
Rolebutton
Markup
<summary class="header__icon header__icon--account header__icon--summary focus-inset modal__toggle" aria-haspopup="dialog" role="button" id="account-icon-open">
											
											<span class="header-tabs">
												
													<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-account">
	<path d="M11 14.25C14.0376 14.25 16.5 11.7876 16.5 8.75C16.5 5.71243 14.0376 3.25 11 3.25C7.96243 3.25 5.5 5.71243 5.5 8.75C5.5 11.7876 7.96243 14.25 11 14.25Z" stroke="currentColor" …
Affected pages/ /collections/all-products-excluding-route /pages/contact-us /products/gift-card /cart
Component · Ref SXUPG3
Affected pagehttps://www.brooklyncloth.com/cart
Elementdiv#link-Shop > div > ul > li:nth-of-type(10) > details > summary
Accessible nameLast Chance
Rolebutton
Markup
<summary class="menu-drawer__menu-item list-menu__item focus-inset" role="button" aria-expanded="false" aria-controls="childlink-Last Chance" aria-label="Last Chance" data-uw-rm-empty-ctrl="">
																									<span class="medium-font">
																										Last Chance
																									</span>
																								</summary>
Affected pages/ /collections/all-products-excluding-route /pages/contact-us /products/gift-card /cart
Component · Ref 5VRXZ0
Affected pagehttps://www.brooklyncloth.com/products/gift-card
Elementform#new-review-form_3776394947 > fieldset:nth-of-type(2) > div:nth-of-type(1) > div > a:nth-of-type(2)
Accessible name2 stars
Roleradio
Markup
<a role="radio" tabindex="-1" class="stamped-fa stamped-fa-star-o" data-value="2" data-a11y-star="true" aria-label="2 stars" aria-checked="false"><span style="display:none;">2</span></a>
Component · Ref GWMX2Y
Affected pagehttps://www.brooklyncloth.com/collections/all-products-excluding-route
Elementdetails#Details-Mobile-4-template--18925956825163__product-grid > summary
Accessible nameFit <svg width="22" height="22" viewBox="0 0 22 22" fill="none" class="icon icon-arrow-small" xmlns="http://www.w3.org/2000/svg" > <path d="M11 14.1166L5.5 8.61659L6.78333 7.33325L11 11.5499L15.2167 7.33325L16.5 8.61659L11 14.1166Z" fill="currentColor"/> </svg>
Rolebutton
Markup
<summary class="mobile-facets__summary" role="button" aria-expanded="false" aria-controls="FacetMobile-4-template--18925956825163__product-grid">
													<div>
														<span>Fit</span>
														<span class="mobile-facets__arrow no-js-hidden">
															<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-caret" focusable="false">
	<path d="M8.00048 9.28166L4.70048 5.98166L3.75781 6.92432L8.00048 11.167L12.2431 6.92432L11.3005 5.98166L8.00048 9.28166Z" fill="currentColor"></path>
</svg>

														</span>
						…
Component · Ref OOTSOZ
Affected pagehttps://www.brooklyncloth.com/collections/all-products-excluding-route
Elementdiv > div > div:nth-of-type(1) > menu-drawer > details > summary
Accessible nameFilter and sort Close
Rolebutton
Markup
<summary role="button" aria-expanded="false" aria-controls="">
				<span class="mobile-facets__open button button--primary focus-inset">
					<svg width="23" height="14" viewBox="0 0 23 14" fill="none" focusable="false" class="icon icon-filter" aria-hidden="true">
	<path d="M0 0H23V2H0V0Z" fill="currentColor"></path>
	<path d="M3 6H20V8H3V6Z" fill="currentColor"></path>
	<path d="M8 12H15V14H8V12Z" fill="currentColor"></path>
</svg>


					<span>Filter and sort
</span>
					<div class="count-bubble"></div>
				</span>
				<span tabindex="0" class="mobile-facets__close mobile-facets__close--no-…
High

Summary elements must have discernible text

WCAG 4.1.2 (A)5 instances5 inspected pages

Summary elements must have discernible text

Why it matters

Summary elements must have discernible text

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 5 affected elements
Component · Ref 5CJJ8A
Affected pagehttps://www.brooklyncloth.com/products/gift-card
Element#account-icon-open
Rolebutton
Markup
<summary class="header__icon header__icon--account header__icon--summary focus-inset modal__toggle" aria-haspopup="dialog" role="button" id="account-icon-open">
Affected pages/ /collections/all-products-excluding-route /pages/contact-us /products/gift-card /cart
Medium

ARIA attributes have invalid values

WCAG 4.1.2 (A)5 instances5 inspected pages

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 5 affected elements
Component · Ref SNMOWQ
Affected pagehttps://www.brooklyncloth.com/
Element.disclosure__button
Accessible nameUnited States (US $)
Markup
<button type="button" class="disclosure__button small-text localization-form__select localization-selector link link--text" aria-expanded="false" aria-controls="FooterCountryList" aria-describedby="FooterCountryLabel">
Affected pages/ /collections/all-products-excluding-route /pages/contact-us /products/gift-card /cart
Medium

Text has insufficient colour contrast

WCAG 1.4.3 (AA)1157 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 1157 affected elements
Component · Ref I7K66N
Affected pagehttps://www.brooklyncloth.com/collections/all-products-excluding-route
Elementli:nth-child(3) > .button-animation.list-menu__item--link.footer--button > .animation-wrapper[hoverstagger="link"] > .is-2.animation[hoverstagger="text"] > span:nth-child(2) > .char:nth-child(5)
Markup
<span class="char" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">m</span>
Affected pages/ /collections/all-products-excluding-route /pages/contact-us /products/gift-card /cart
Component · Ref I2KF0C
Affected pagehttps://www.brooklyncloth.com/collections/all-products-excluding-route
Elementspan[title="Collections"] > .animation-wrapper[hoverstagger="link"] > .is-2.animation[hoverstagger="text"] > span > .char:nth-child(1)
Accessible nameC
Markup
<span class="char" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">C</span>
Affected pages/ /collections/all-products-excluding-route /pages/contact-us /products/gift-card /cart
Component · Ref BW12EC
Affected pagehttps://www.brooklyncloth.com/cart
Elementbutton[name="commit"] > .animation-wrapper[hoverstagger="link"] > .button-label.animation[hoverstagger="text"]:nth-child(1) > span > .char:nth-child(8)
Markup
<span class="char" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">b</span>
Affected pages/ /collections/all-products-excluding-route /pages/contact-us /products/gift-card /cart
Component · Ref 2KAHCR
Affected pagehttps://www.brooklyncloth.com/pages/contact-us
Element.button-animation.list-menu__item--link[href$="privacy-policy"] > .animation-wrapper[hoverstagger="link"] > .is-2.animation[hoverstagger="text"] > span:nth-child(2) > .char:nth-child(1)
Accessible nameP
Markup
<span class="char" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">P</span>
Affected pages/ /collections/all-products-excluding-route /pages/contact-us /products/gift-card /cart
Component · Ref 688T1A
Affected pagehttps://www.brooklyncloth.com/
Element.is-2.animation[hoverstagger="text"] > span:nth-child(2) > .char:nth-child(11)
Accessible namen
Markup
<span class="char" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">n</span>
Affected pages/ /collections/all-products-excluding-route /pages/contact-us /products/gift-card /cart
Component · Ref AHTCBJ
Affected pagehttps://www.brooklyncloth.com/pages/contact-us
Element.footer-block--menu.footer-block:nth-child(3) > .footer-block__details-content.list-unstyled > li:nth-child(3) > .button-animation.list-menu__item--link.footer--button > .animation-wrapper[hoverstagger="link"] > .is-2.animation[hoverstagger="text"] > span:nth-child(1) > .char:nth-child(5)
Accessible namek
Markup
<span class="char" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">k</span>
Affected pages/ /collections/all-products-excluding-route /pages/contact-us /products/gift-card /cart
Component · Ref 2CQCDR
Affected pagehttps://www.brooklyncloth.com/cart
Element.button-label.animation[hoverstagger="text"]:nth-child(1) > span:nth-child(2) > .char:nth-child(10)
Accessible namen
Markup
<span class="char" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">n</span>
Affected pages/ /pages/contact-us /products/gift-card /cart
Component · Ref S2OD7W
Affected pagehttps://www.brooklyncloth.com/collections/all-products-excluding-route
Element.collection-product-card:nth-child(45) > .product-card.card-wrapper[data-product="heavy-flannel-shacket"] > .card-information > .card-information__wrapper > .card-information-block > .price--on-sale.price > dl > .price__sale > .price__compare:nth-child(4) > .price-item--regular.price-item
Accessible name$ 42.00
Markup
<span class="price-item price-item--regular">
					$ 42.00
				</span>
Component · Ref TYWVUL
Affected pagehttps://www.brooklyncloth.com/collections/all-products-excluding-route
Elementdiv[data-product="fleece-carpenter-sweatpant"] > .card-information > .card-information__wrapper > .card-information-block > .price--sold-out.price--on-sale.price > dl > .price__sale > .price__compare:nth-child(4) > .price-item--regular.price-item
Accessible name$ 45.00
Markup
<span class="price-item price-item--regular">
					$ 45.00
				</span>
Component · Ref OFHZQI
Affected pagehttps://www.brooklyncloth.com/products/gift-card
Element.product-form__group-option-selected
Accessible name$10.00
Markup
<span class="product-form__group-option-selected" data-option="0">$10.00</span>
Component · Ref 8MF1MA
Affected pagehttps://www.brooklyncloth.com/products/gift-card
Element#ProductPopup-popup_9pPpTG > .animation-wrapper[hoverstagger="link"] > .button-label.is-2.animation > span:nth-child(1) > .char:nth-child(1)
Accessible nameC
Markup
<span class="char" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">C</span>
Component · Ref 5QJ94I
Affected pagehttps://www.brooklyncloth.com/cart
Element.cart__warnings-wrapper > .button--primary.button > .animation-wrapper[hoverstagger="link"] > .button-label.animation[hoverstagger="text"]:nth-child(1) > span:nth-child(1) > .char:nth-child(2)
Accessible namex
Markup
<span class="char" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">x</span>
Component · Ref 1FXG39
Affected pagehttps://www.brooklyncloth.com/cart
Elementa[href$="all"] > .animation-wrapper[hoverstagger="link"] > .button-label.is-2.animation > span:nth-child(1) > .char:nth-child(3)
Accessible nameo
Markup
<span class="char" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">o</span>
Component · Ref A6ES7N
Affected pagehttps://www.brooklyncloth.com/pages/contact-us
Element.contact__bottom > .button--primary.button[type="submit"] > .animation-wrapper[hoverstagger="link"] > .button-label.animation[hoverstagger="text"]:nth-child(1) > span > .char:nth-child(2)
Accessible nameu
Markup
<span class="char" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">u</span>
Component · Ref T2K3CY
Affected pagehttps://www.brooklyncloth.com/products/gift-card
Element.full-unstyled-link[href$="bottoms"]
Accessible nameMen's Bottoms
Markup
<a class="full-unstyled-link" href="/collections/bottoms">
					
						Men's Bottoms
					
				</a>
Component · Ref BBNJFJ
Affected pagehttps://www.brooklyncloth.com/collections/all-products-excluding-route
Elementbutton[name="commit"] > .animation-wrapper[hoverstagger="link"] > .is-2.animation[hoverstagger="text"] > span > .char:nth-child(3)
Markup
<span class="char" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">b</span>
Component · Ref 39Z7LV
Affected pagehttps://www.brooklyncloth.com/cart
Element.button--primary.button > .animation-wrapper[hoverstagger="link"] > .button-label.animation[hoverstagger="text"]:nth-child(1) > span:nth-child(2) > .char:nth-child(4)
Accessible namel
Markup
<span class="char" style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">l</span>
Component · Ref VUG1LL
Affected pagehttps://www.brooklyncloth.com/products/gift-card
Element.stamped-review-avatar-content
Accessible nameJR
Markup
<div class="stamped-review-avatar-content">
                JR
            </div>
Component · Ref RX24JD
Affected pagehttps://www.brooklyncloth.com/products/gift-card
Element.swiper-slide-next > .collection-card.color-inverse.collection-card-overlay > .collection-card__content.collection-card__content-center > .collection-card__title.h2 > .full-unstyled-link
Accessible nameHeavy Weight Collection
Markup
<a class="full-unstyled-link" href="/collections/heavy-weight-collection">
					
						Heavy Weight Collection
					
				</a>
Component · Ref D8UTRE
Affected pagehttps://www.brooklyncloth.com/products/gift-card
Element#stamped-sort-select
Accessible nameSort reviews
Markup
<select id="stamped-sort-select" class="stamped-sort-select" onchange="StampedFn.sortReviews(this);" aria-label="Sort reviews" tabindex="0">
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 DSDGUF
Affected pagehttps://www.brooklyncloth.com/collections/all-products-excluding-route
Elementdiv#menu-drawer > div > div > nav
Accessible nameNew Shop Shop Tees & Long Sleeve Hoodies & Sweatshirts Sweatpants Shorts Pants Outerwear Shirts Sets Accessories Last Chance Last Chance All Tops Bottoms Collections Collections Originals Everyday Tees Heavy Weight Bodega For the City Kids Rewards
Markup
<nav class="menu-drawer__navigation">
												<ul class="menu-drawer__menu list-menu list-unstyled" role="list"><li><a href="/collections/new-arrivals" class="menu-drawer__menu-item list-menu__item focus-inset extra-large-font" data-uw-rm-brl="PR" data-uw-original-href="/collections/new-arrivals">
																	New
																</a></li><li><details>
																	<summary class="menu-drawer__menu-item list-menu__item focus-inset" role="button" aria-expanded="false" aria-controls="link-Shop" aria-label="Shop" data-uw-rm-empty-ctrl="">
																		<span class="extra-large-fon…
Affected pages/ /collections/all-products-excluding-route /pages/contact-us /products/gift-card /cart
Component · Ref DLIAUK
Affected pagehttps://www.brooklyncloth.com/products/gift-card
Elementsticky-header > header > div > div > div > nav
Accessible nameNew New Shop Shop Tees & Long Sleeve Hoodies & Sweatshirts Sweatpants Shorts Pants Outerwear Shirts Sets Accessories Last Chance All Tops Bottoms (function () { const submenuActive = () => { const parentMenuItems = document.querySelectorAll( '.header__submenu-first_level .list-menu-has-child' ); parentMenuItems.forEach((item) => { item.addEventListener('mouseenter', () => { parentMenuItems.forEach((el) => el.classList.remove('active')); item.classList.add('active'); }); }); }; document.addEventListener('DOMContentLoaded', function () { submenuActive(); }); document.addEventListener('shopify:section:load', function () { submenuActive(); }); })(); Collections Collections Originals Everyday Tees Heavy Weight Bodega For the City (function () { const submenuActive = () => { const parentMenuItems = document.querySelectorAll( '.header__submenu-first_level .list-menu-has-child' ); parentMenuItems.forEach((item) => { item.addEventListener('mouseenter', () => { parentMenuItems.forEach((el) => el.classList.remove('active')); item.classList.add('active'); }); }); }; document.addEventListener('DOMContentLoaded', function () { submenuActive(); }); document.addEventListener('shopify:section:load', function () { submenuActive(); }); })(); Kids Kids Rewards Rewards
Markup
<nav class="header__menu"><ul class="list-menu list-menu--inline list-unstyled" role="list">

				
				
				

				<li class="
						
						
					">
					<a href="/collections/new-arrivals" class="header__menu-item list-menu__item button-animation focus-inset" aria-label="New">
	<span title="New">
		
		
			<span class="animation-wrapper" hoverstagger="link">
				<span class="animation" hoverstagger="text"><span><span class="char" style="translate: none; rotate: none; scale: none; transform: translate(0%, 100%);">N</span><span class="char" style="translate: none; rotate: none; scale: none; trans…
Affected pages/ /collections/all-products-excluding-route /pages/contact-us /products/gift-card /cart
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 5FS4QL
Affected pagehttps://www.brooklyncloth.com/
Elementdiv#CartDrawer > div > div:nth-of-type(1) > div:nth-of-type(2) > p:nth-of-type(1)
Accessible nameYou're $ 35.00 away from free shipping.
Markup
<p class="cart-shipping__message cart-shipping__message_default small-font active"> You're $ 35.00 away from free shipping.</p>
Affected pages/ /collections/all-products-excluding-route /pages/contact-us /products/gift-card
Medium

Page has no level-one heading

WCAG 1.3.1 (A)3 instances3 inspected pages

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 3 affected elements
Component · Ref 1123OA
Affected pagehttps://www.brooklyncloth.com/cart
Elementhtml > body
Accessible nameSkip to main contentEnable accessibility for low visionOpen the accessibility menu Skip to content Skip to content .ai-announcement-bar-aas8vdum5sy9ictf5caigenblockb734bd4df4qeq { background-color: #060606; color: #fdfdfd; padding: 2px 0; position: relative; width: 100%; display: block; } .ai-announcement-container-aas8vdum5sy9ictf5caigenblockb734bd4df4qeq { position: relative; max-width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center; min-height: 40px; } .ai-announcement-content-aas8vdum5sy9ictf5caigenblockb734bd4df4qeq { text-align: center; flex: 1; padding: 0 60px; } .ai-announcement-slide-aas8vdum5sy9ictf5caigenblockb734bd4df4qeq { display: none; font-size: 12px; font-weight: 600; line-height: 1.4; } .ai-announcement-slide-aas8vdum5sy9ictf5caigenblockb734bd4df4qeq.active { display: block; } .ai-announcement-slide-aas8vdum5sy9ictf5caigenblockb734bd4df4qeq a { color: #fdfdfd; text-decoration: none; } .ai-announcement-slide-aas8vdum5sy9ictf5caigenblockb734bd4df4qeq a:hover { text-decoration: underline; } .ai-announcement-arrow-aas8vdum5sy9ictf5caigenblockb734bd4df4qeq { position: absolute; top: 50%; transform: translateY(-50%); background: none; border: none; color: #fdfdfd; cursor: pointer; padding: 10px; display: flex; align-items: center; justify-content: center; opacity: 0.7; transition: opacity 0.2s ease; z-index: 10; } .ai-announcement-arrow-aas8vdum5sy9ictf5caigenblockb734bd4df4qeq:hover { opacity: 1; } .ai-announcement-arrow-aas8vdum5sy9ictf5caigenblockb734bd4df4qeq:focus { outline: 2px solid #fdfdfd; outline-offset: 2px; } .ai-announcement-prev-aas8vdum5sy9ictf5caigenblockb734bd4df4qeq { left: 15px; } .ai-announcement-next-aas8vdum5sy9ictf5caigenblockb734bd4df4qeq { right: 15px; } .ai-announcement-arrow-aas8vdum5sy9ictf5caigenblockb734bd4df4qeq svg { width: 16px; height: 16px; stroke: currentColor; } @media screen and (max-width: 768px) { .ai-announcement-content-aas8vdum5sy9ictf5caigenblockb734bd4df4qeq { padding: 0 50px; } .ai-announcement-slide-aas8vdum5sy9ictf5caigenblockb734bd4df4qeq { font-size: 10.8px; } .ai-announcement-prev-aas8vdum5sy9ictf5caigenblockb734bd4df4qeq { left: 10px; } .ai-announcement-next-aas8vdum5sy9ictf5caigenblockb734bd4df4qeq { right: 10px; } } @media screen and (max-width: 480px) { .ai-announcement-content-aas8vdum5sy9ictf5caigenblockb734bd4df4qeq { padding: 0 40px; } .ai-announcement-prev-aas8vdum5sy9ictf5caigenblockb734bd4df4qeq { left: 5px; } .ai-announcement-next-aas8vdum5sy9ictf5caigenblockb734bd4df4qeq { right: 5px; } } Free U.S. Domestic Shipping On $35+ Orders* Get 20% Off When You Sign-Up (function() { class AnnouncementCarouselaas8vdum5sy9ictf5caigenblockb734bd4df4qeq extends HTMLElement { constructor() { super(); this.currentSlide = 1; this.autoplayTimer = null; } connectedCallback() { this.slides = this.querySelectorAll('.ai-announcement-slide-aas8vdum5sy9ictf5caigenblockb734bd4df4qeq'); this.prevBtn = this.querySelector('.ai-announcement-prev-aas8vdum5sy9ictf5caigenblockb734bd4df4qeq'); this.nextBtn = this.querySelector('.ai-announcement-next-aas8vdum5sy9ictf5caigenblockb734bd4df4qeq'); this.totalSlides = this.slides.length; if (this.totalSlides > 1) { this.bindEvents(); this.startAutoplay(); } } bindEvents() { if (this.prevBtn) { this.prevBtn.addEventListener('click', () => this.previousSlide()); } if (this.nextBtn) { this.nextBtn.addEventListener('click', () => this.nextSlide()); } this.addEventListener('mouseenter', () => this.stopAutoplay()); this.addEventListener('mouseleave', () => this.startAutoplay()); } showSlide(slideNumber) { this.slides.forEach(slide => slide.classList.remove('active')); const targetSlide = this.querySelector(`[data-slide="${slideNumber}"]`); if (targetSlide) { targetSlide.classList.add('active'); this.currentSlide = slideNumber; } } nextSlide() { const next = this.currentSlide >= this.totalSlides ? 1 : this.currentSlide + 1; this.showSlide(next); } previousSlide() { const prev = this.currentSlide <= 1 ? this.totalSlides : this.currentSlide - 1; this.showSlide(prev); } startAutoplay() { const autoplay = this.dataset.autoplay === 'true'; const speed = parseInt(this.dataset.speed) * 1000; if (autoplay && this.totalSlides > 1) { this.stopAutoplay(); this.autoplayTimer = setInterval(() => { this.nextSlide(); }, speed); } } stopAutoplay() { if (this.autoplayTimer) { clearInterval(this.autoplayTimer); this.autoplayTimer = null; } } disconnectedCallback() { this.stopAutoplay(); } } customElements.define('announcement-carousel-aas8vdum5sy9ictf5caigenblockb734bd4df4qeq', AnnouncementCarouselaas8vdum5sy9ictf5caigenblockb734bd4df4qeq); })(); <link href="//www.brooklyncloth.com/cdn/shop/t/125/assets/component-menu-drawer.css?v=118572484324543961451783529027" rel="stylesheet" type="text/css" media="all" /> <link href="//www.brooklyncloth.com/cdn/shop/t/125/assets/component-slider.css?v=28567533500918097381783529032" rel="stylesheet" type="text/css" media="all" /> <link href="//www.brooklyncloth.com/cdn/shop/t/125/assets/template-collection.css?v=15267461735364133781783529108" rel="stylesheet" type="text/css" media="all" /> <link href="//www.brooklyncloth.com/cdn/shop/t/125/assets/country-flag.css?v=149495755635519442281783529036" rel="stylesheet" type="text/css" media="all" /> <link href="//www.brooklyncloth.com/cdn/shop/t/125/assets/component-price.css?v=115741930392694944551783529030" rel="stylesheet" type="text/css" media="all" /> :root { --header-min-height : 60px; } @media screen and (min-width: 1150px) { header-drawer { display: none; } } .menu-drawer-container { display: flex; } summary.list-menu__item { padding-right: 2.7rem; } New Shop Shop Tees & Long Sleeve Hoodies & Sweatshirts Sweatpants Shorts Pants Outerwear …[truncated by Evolize: exceeded D1 value limit]
Markup
<body class="body-template-cart body-template-cart" style="" data-uw-rm-skl=""><div class="uw-sl" role="region" data-uw-rm-ignore="true" data-uw-ignore-translate="true" aria-label="Quick Accessibility Options"><button class="uw-sl__item" data-uw-rm-ignore="true" data-uw-ignore-translate="true" lang="en-US" id="uw-skip-to-main"><span class="uw-sl__item__left" data-uw-ignore-translate="true"><span class="uw-sl__item__img"><svg focusable="false" width="26" height="24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="presentation"><g stroke="#000" stroke-width="1.5" fill="none" fill-rul…
Affected pages/collections/all-products-excluding-route /pages/contact-us /cart
Medium

Elements must only use permitted ARIA attributes

WCAG 4.1.2 (A)8 instances2 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 8 affected elements
Component · Ref V8YVNE
Affected pagehttps://www.brooklyncloth.com/products/gift-card
Elementdiv[aria-label="5-Star Ratings"]
Accessible name5-Star Ratings
Markup
<div class="summary-rating-bar" data-rating="5" aria-label="5-Star Ratings">                                 <div class="summary-rating-bar-content" style="width:100%;" data-rating="100">100%&nbsp;</div>                             </div>
Component · Ref Q3H6FL
Affected pagehttps://www.brooklyncloth.com/collections/all-products-excluding-route
Element.pagination__item--current
Accessible namePage 1
Markup
<span class="pagination__item pagination__item--current" aria-current="page" aria-label="Page 1">1</span>
Component · Ref 3VZP3B
Affected pagehttps://www.brooklyncloth.com/products/gift-card
Element.stamped-badge-caption
Accessible name1 reviews
Markup
<span class="stamped-badge-caption" data-reviews="1" data-rating="5.0" data-label="review" aria-label="1 reviews" data-version="2">1<span style="display:none;"> review</span></span>
Component · Ref 00QWKT
Affected pagehttps://www.brooklyncloth.com/products/gift-card
Element.stamped-badge
Accessible nameRated 5.0 out of 5 stars 1 reviews
Markup
<span class="stamped-badge" data-rating="5.0" data-lang="" aria-label="Rated 5.0 out of 5 stars 1 reviews">
Medium

Form fields use placeholder text as the only label

WCAG 1.3.1 (A)4 instances1 inspected page

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 4 affected elements
Component · Ref ZFIVN8
Affected pagehttps://www.brooklyncloth.com/collections/all-products-excluding-route
Elementinput#Filter-Price-GTE
Markup
<input class="field__input" name="filter.v.price.gte" id="Filter-Price-GTE" type="number" placeholder="0" min="0" max="60" step="1" autocomplete="off">
Low

ARIA container is missing required child roles

WCAG 1.3.1 (A)1 instance1 inspected page

An ARIA role that requires specific child roles does not contain them, breaking the widget semantics.

Why it matters

An ARIA role that requires specific child roles does not contain them, breaking the widget semantics.

Recommended correction

Provide the child roles the container role requires (e.g. option inside listbox).

View 1 affected element
Component · Ref V35ZTM
Affected pagehttps://www.brooklyncloth.com/products/gift-card
Element.stamped-starratings
Accessible name5-Star Rating Review
Rolelist
Markup
<span class="stamped-starratings stamped-review-header-starratings" role="list" data-rating="5" aria-label="5-Star Rating Review">
Low

Form field must not have multiple label elements

WCAG 3.3.2 (A)4 instances1 inspected page

Form field must not have multiple label elements

Why it matters

Form field must not have multiple label elements

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 4 affected elements
Component · Ref 7KIVVB
Affected pagehttps://www.brooklyncloth.com/pages/contact-us
Element#ContactForm-email
Markup
<input autocomplete="email" type="email" id="ContactForm-email" class="field__input" name="contact[email]" spellcheck="false" autocapitalize="off" value="" aria-required="true" placeholder=" " required="">
Component · Ref VLUKHL
Affected pagehttps://www.brooklyncloth.com/pages/contact-us
Element#ContactForm-body
Markup
<textarea rows="10" id="ContactForm-body" class="text-area field__input" name="contact[Your Request]" placeholder=" " aria-required="true" required=""></textarea>
Low

Touch targets are too small

WCAG 2.5.8 (AA)99 instances1 inspected page

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

Increase this <a>'s rendered area to at least 24 × 24 CSS pixels, or provide sufficient spacing from adjacent targets. Prefer increasing padding on the existing control (for example the button or link) rather than adding a separate non-interactive wrapper.

View 99 affected elements
Component · Ref CBHWM5
Affected pagehttps://www.brooklyncloth.com/collections/all-products-excluding-route
Elementa[title="Originals Fleece Hoodie - Sage"]
Accessible nameOriginals Fleece Hoodie - Sage
Markup
<a class="unstyled-link " href="/products/originals-fleece-hoodie?variant=42172741746763" title="Originals Fleece Hoodie - Sage">
						Originals Fleece Hoodie - Sage</a>
Component · Ref 4GIROY
Affected pagehttps://www.brooklyncloth.com/collections/all-products-excluding-route
Element.collection-product-card:nth-child(12) > .product-card.card-wrapper[data-product="heavy-weight-pullover-hoodie"] > .card-information > .card-information__wrapper > .card-information-block > h3 > .unstyled-link
Accessible nameHeavy Weight Pullover Hoodie - Dusty Black
Markup
<a class="unstyled-link " href="/products/heavy-weight-pullover-hoodie?variant=41340164603979" title="Heavy Weight Pullover Hoodie - Dusty Black">
						Heavy Weight Pullover Hoodie - Dusty Black</a>
Component · Ref XJSFUN
Affected pagehttps://www.brooklyncloth.com/collections/all-products-excluding-route
Elementdiv[data-product="fleece-carpenter-sweatpant"] > .card-information > .card-information__wrapper > .card-information-block > h3 > .unstyled-link
Accessible nameFleece Carpenter Sweatpant - Dark Mocha
Markup
<a class="unstyled-link " href="/products/fleece-carpenter-sweatpant?variant=40864978927691" title="Fleece Carpenter Sweatpant - Dark Mocha">
						Fleece Carpenter Sweatpant - Dark Mocha</a>

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.

ACTIVATE MONITORINGSEE PRICING

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