Public accessibility assessment

Accessibility issues detected on asb.beer

Evolize inspected 5 public pages on asb.beer and detected 26 automatically identifiable accessibility findings.

26Findings detected

7WCAG criteria affected

5Pages inspected

8 Sep 2026Assessment date

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

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

Most affected page/19 findings detected

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

Is asb.beer 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 asb.beer and detected 26 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 "/", where 19 findings were detected. The assessment identified findings mapped to 7 WCAG success criterions. The sections below prioritize the broadest issues and provide technical evidence for each detected finding.

02 · Start here

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

High
Interactive controls must not be nested
WCAG 4.1.2 (A) · 5 inspected pages · 20 instances
Why this matters
Interactive controls must not be nested
Recommended action
Review the affected element and correct the reported accessibility issue.
View technical evidence →
High
Hidden elements can still receive keyboard focus
WCAG 2.4.3 (A) · 5 inspected pages · 15 instances
Why this matters
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Recommended action
Keep this element out of the tab order while its containing region is hidden — remove it from focus (for example tabindex="-1"), or apply the inert attribute to the hidden container where supported. Restore normal focusability when the region becomes visible.
View technical evidence →
High
Hidden elements can still receive keyboard focus
WCAG 2.4.3 (A) · 5 inspected pages · 14 instances
Why this matters
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Recommended action
Keep this element out of the tab order while its containing region is hidden — remove it from focus (for example tabindex="-1"), or apply the inert attribute to the hidden container where supported. Restore normal focusability when the region becomes visible.
View technical evidence →
High
Hidden elements can still receive keyboard focus
WCAG 2.4.3 (A) · 5 inspected pages · 10 instances
Why this matters
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Recommended action
Keep this element out of the tab order while its containing region is hidden — remove it from focus (for example tabindex="-1"), or apply the inert attribute to the hidden container where supported. Restore normal focusability when the region becomes visible.
View technical evidence →
High
Modal dialog does not trap keyboard focus
WCAG 2.4.3 (A) · 5 inspected pages · 10 instances
Why this matters
An open modal leaves the content behind it keyboard-focusable, so keyboard and screen reader users can tab out of the dialog into hidden page content.
Recommended action
While a modal is open, confine focus to the dialog and mark the rest of the page inert (or aria-hidden). Restore focus on close.
View technical evidence →

03 · WCAG criteria affected

Criterion	Name	Level	Findings	Pages	Reach
1.4.3	Contrast (Minimum)	AA	9	5	5 / 5
2.4.3	Focus Order	A	6	5	5 / 5
1.1.1	Non-text Content	A	4	1	1 / 5
1.3.1	Info and Relationships	A	4	5	5 / 5
1.4.1	Use of Color	A	1	5	5 / 5
2.1.1	Keyboard	A	1	1	1 / 5
4.1.2	Name, Role, Value	A	1	5	5 / 5

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

04 · All detected findings

High

Text has insufficient colour contrast

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

Component · Ref X2K80Q

Affected pagehttps://asb.beer/products/pils

Element#Subscribe

Accessible nameSubscribe

Markup

<button type="submit" class="c-btn c-btn--primary promo-pop__fieldset-item promo-pop__btn" name="commit" id="Subscribe">
            Subscribe
          </button>

Affected pages/ /pages/contact-us /products/froth-water /products/pils /cart

Component · Ref QQPQLA

Affected pagehttps://asb.beer/cart

Element.age-checker__btn.c-btn--primary.c-btn--full

Accessible nameBeer me

Markup

<button type="button" class="age-checker__btn c-btn c-btn--primary c-btn--full" data-a11y-dialog-hide="">Beer me</button>

Affected pages/ /pages/contact-us /products/froth-water /products/pils /cart

Component · Ref DLL9OP

Affected pagehttps://asb.beer/products/froth-water

Element.promo-pop__desc > p

Accessible nameThrow in your email and don't miss out on the latest info on rad shipping deals, beer releases and restaurant events.

Markup

<p>Throw in your email and don't miss out on the latest info on  rad shipping deals, beer releases and restaurant events. </p>

Affected pages/pages/contact-us /products/froth-water /products/pils /cart

Component · Ref F5JQWR

Affected pagehttps://asb.beer/

Element.image-with-text__btn

Accessible nameLearn more!

Markup

<a href="/products/froth-water" class="
                          image-with-text__btn
                          
                            c-btn c-btn--primary
                          
                        ">Learn more!</a>

Component · Ref XZZXRC

Affected pagehttps://asb.beer/cart

Element.c-btn--wide

Accessible nameShop now

Markup

<a href="/" class="c-btn c-btn--primary c-btn--wide">Shop now</a>

Component · Ref P4A0J9

Affected pagehttps://asb.beer/pages/contact-us

Element.c-btn--center

Markup

<input type="submit" class="c-btn c-btn--primary c-btn--center c-btn--full u-mt- u-mb0" value="Send">

Component · Ref BOGTY6

Affected pagehttps://asb.beer/cart

Element.age-checker__desc > p

Accessible nameBy clicking Beer Me you are verifying that you are old enough to legally consume alcohol.

Markup

<p>By clicking Beer Me you are verifying that you are old enough to legally consume alcohol.</p>

Affected pages/pages/contact-us /cart

Component · Ref KGAVBK

Affected pagehttps://asb.beer/products/froth-water

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

Accessible name−

Markup

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

Affected pages/products/froth-water /products/pils

Component · Ref RZIMUF

Affected pagehttps://asb.beer/products/froth-water

Element.product-form__swatch__label

Accessible name4-Pack 16oz.

Markup

<label for="option-1-0-template--22755360800965__main" class="
                  product-form__swatch__label
                  product-form__swatch__label--small
                  
                    is-disabled
                  
                ">

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 SIFLUH

Affected pagehttps://asb.beer/

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

Accessible nameClose (esc)

Markup

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

Affected pages/ /pages/contact-us /products/froth-water /products/pils /cart

Component · Ref TSLVRF

Affected pagehttps://asb.beer/products/pils

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

Accessible nameFind Our Beer

Markup

<a href="/pages/findourbeer" class="list-menu__link f-family--body f-caps--false f-space--0">
                      Find Our Beer
                    </a>

Affected pages/ /pages/contact-us /products/froth-water /products/pils /cart

Component · Ref L81VDT

Affected pagehttps://asb.beer/cart

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

Accessible nameMenu

Markup

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

Affected pages/ /pages/contact-us /products/froth-water /products/pils /cart

Component · Ref IFTF54

Affected pagehttps://asb.beer/pages/contact-us

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

Accessible nameVisit our facebook page

Markup

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

Affected pages/ /pages/contact-us /products/froth-water /products/pils /cart

Component · Ref NPRAZW

Affected pagehttps://asb.beer/pages/contact-us

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

Accessible name[email removed]

Markup

<a href="mailto:[email removed]" class="mobile-footer__text-link">
                  <span class="mobile-draw__icon"><span class="icon icon--theme icon--email ">
    <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M31.357 23.4876C31.357 27.2668 28.2933 30.3305 24.5141 30.3305C20.7349 30.3305 17.6712 27.2668 17.6712 23.4876C17.6712 19.7084 20.7349 16.6447 24.5141 16.6447C28.2933 16.6447 31.357 19.7084 31.357 23.4876ZM31.357 23.4876L31.3562 25.0077C31.3562 26.4192 31.9169 27.7729 32.9149 28.7709C33.913 29.769 35.2666 3…

Affected pages/ /pages/contact-us /products/froth-water /products/pils /cart

High

Page has no main landmark

WCAG 1.3.1 (A)5 instances5 inspected pages

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

Why it matters

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

Recommended correction

Wrap the primary content in a single <main> element or role=main region.

View 5 affected elements

Component · Ref CXNT1C

Affected pagehttps://asb.beer/pages/contact-us

Elementbody#contact-us

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

Markup

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

Affected pages/ /pages/contact-us /products/froth-water /products/pils /cart

High

Links must be distinguishable without relying on color

WCAG 1.4.1 (A)5 instances5 inspected pages

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

Component · Ref MNREGS

Affected pagehttps://asb.beer/cart

Elementa[rel="nofollow"]

Accessible namePowered by Shopify

Markup

<a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Powered by Shopify</a>

Affected pages/ /pages/contact-us /products/froth-water /products/pils /cart

High

Interactive controls must not be nested

WCAG 4.1.2 (A)20 instances5 inspected pages

Interactive controls must not be nested

Why it matters

Interactive controls must not be nested

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 20 affected elements

Component · Ref 7TQJ57

Affected pagehttps://asb.beer/products/pils

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

Accessible nameInfo

Markup

<summary class="header__menu-item"><a href="/" class="primary-nav__link">Info</a>
                          </summary>

Affected pages/ /pages/contact-us /products/froth-water /products/pils /cart

High

Interactive controls are not keyboard-accessible

WCAG 2.1.1 (A)1 instance1 inspected page

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

Component · Ref 3MNHCA

Affected pagehttps://asb.beer/products/froth-water

Elementa#more-payment-options-link

Accessible nameMore payment options

Rolelink

Markup

<a class="shopify-payment-button__more-options" id="more-payment-options-link" role="link" aria-disabled="true">More payment options</a>

High

Images lack text alternatives

WCAG 1.1.1 (A)8 instances1 inspected page

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

Why it matters

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

Recommended correction

Add a concise alt attribute describing each informative image. Mark purely decorative images with alt="" so assistive technology skips them.

View 8 affected elements

Component · Ref 4D5LXH

Affected pagehttps://asb.beer/

Element

.collection-list__link[href$="merch"] > .collection-list__item_wrap > .collection-list__item > .o-ratio--3\:4.o-ratio > .o-ratio__content > .collection-list__media > .collection-list__bg[fetchpriority="auto"][loading="lazy"]

Markup

<img src="//asb.beer/cdn/shop/..." width="300" height="300" loading="lazy" class="collection-list__bg" fetchpriority="auto" sizes="(min-width: 1600px) ..." srcset="//asb.beer/cdn/shop/..." style="">

Component · Ref WOQDKV

Affected pagehttps://asb.beer/

Element.home-event__item.event:nth-child(1) > .event__media > .home-event__media-img.event__img[height="200"]

Markup

<img src="//asb.beer/cdn/shop/..." width="300" height="200" loading="lazy" class="home-event__media-im..." fetchpriority="auto" sizes="(min-width: 2200px) ..." srcset="//asb.beer/cdn/shop/..." style="">

Component · Ref UULA1L

Affected pagehttps://asb.beer/

Element.image-grid__bg--16359144562b8e4ac9-0

Markup

<img src="//asb.beer/cdn/shop/..." width="300" height="400" loading="lazy" class="image-grid__bg image..." fetchpriority="auto" sizes="(min-width: 768px) 5..." srcset="//asb.beer/cdn/shop/..." style="">

Component · Ref GTJ67E

Affected pagehttps://asb.beer/

Element.image-with-text__media-img

Markup

<img src="//asb.beer/cdn/shop/..." width="300" height="400" loading="eager" class="image-with-text__med..." fetchpriority="auto" sizes="(min-width: 981px) 6..." srcset="//asb.beer/cdn/shop/..." style="object-position:52.4...">

Medium

Content sits outside any landmark region

WCAG 1.3.1 (A)5 instances5 inspected pages

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

Why it matters

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

Recommended correction

Wrap primary content in <main> and other regions in appropriate landmark elements.

View 5 affected elements

Component · Ref NBCXWG

Affected pagehttps://asb.beer/products/pils

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

Accessible nameThrow in your email and don't miss out on the latest info on rad shipping deals, beer releases and restaurant events.

Markup

<p>Throw in your email and don't miss out on the latest info on  rad shipping deals, beer releases and restaurant events. </p>

Affected pages/ /pages/contact-us /products/froth-water /products/pils /cart

Medium

Navigation regions are not distinguishable

WCAG 1.3.1 (A)15 instances5 inspected pages

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

Why it matters

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

Recommended correction

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

View 15 affected elements

Component · Ref MB0OHJ

Affected pagehttps://asb.beer/cart

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

Accessible nameBeer Loading image: Beer ALL BEER Latest Releases Core Froth Water Yeast of Eden View Beer Locations Locations Monterey Brewery & Grill Carmel Brewery & Bistro Oldtown Salinas Taproom Production & Tasting Room Alvarado at the Pitch View Locations Merch Loading image: Merch ALL MERCH Women's Men's ASB X MBFC Headwear Glassware Accessories Clearance View Merch Info Info About Us Code of Conduct Careers Philanthropy & Sustainability Shipping & Return Policy Gift Cards View Info Find Our Beer Blog Drink Fresh First

Markup

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

Affected pages/ /pages/contact-us /products/froth-water /products/pils /cart

Component · Ref 2QBNO2

Affected pagehttps://asb.beer/pages/contact-us

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

Accessible nameBeer ALL BEER Latest Releases Core Froth Water Yeast of Eden Locations Monterey Brewery & Grill Carmel Brewery & Bistro Oldtown Salinas Taproom Production & Tasting Room Alvarado at the Pitch Merch ALL MERCH Women's Men's ASB X MBFC Headwear Glassware Accessories Clearance Info About Us Code of Conduct Careers Philanthropy & Sustainability Shipping & Return Policy Gift Cards Find Our BeerBlogDrink Fresh First

Rolenavigation

Markup

<nav class="primary-nav header-navs__items js-primary-nav" role="navigation">
          <nested-menu submenu-direction="below">
            <ul class="primary-nav__items js-primary-nav-items"><li class="primary-nav__item f-family--body f-caps--true f-space--2"><header-details-disclosure>
                        <details id="Details-HeaderMenu-1" data-link-title="Beer">
                          <summary class="header__menu-item"><a href="/collections/beer" class="primary-nav__link">Beer</a>
                          </summary>
                          <div id="HeaderMenu-MenuList-1" class="na…

Affected pages/ /pages/contact-us /products/froth-water /products/pils /cart

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 asb.beer

Is asb.beer your website?

01 · Accessibility summary

02 · Start here

Interactive controls must not be nested

Hidden elements can still receive keyboard focus

Hidden elements can still receive keyboard focus

Hidden elements can still receive keyboard focus

Modal dialog does not trap keyboard focus

03 · WCAG criteria affected

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

04 · All detected findings

Text has insufficient colour contrast

Hidden elements can still receive keyboard focus

Page has no main landmark

Modal dialog does not trap keyboard focus

Links must be distinguishable without relying on color

Interactive controls must not be nested

Interactive controls are not keyboard-accessible

Images lack text alternatives

Content sits outside any landmark region

Navigation regions are not distinguishable

05 · Most affected inspected pages

06 · About this assessment

07 · Continuous monitoring

Reports with similar accessibility findings