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

Accessibility issues detected on lulussweetsboutique.com

Evolize inspected 5 publicly accessible pages on lulussweetsboutique.com and detected 57 automatically identifiable accessibility findings. 12 findings were classified as critical or high priority. The findings map to 7 WCAG success criterions. The sections below show affected pages, technical evidence and recommended remediation. The most frequent issues involve interactive controls are not keyboard-accessible, modal dialog does not trap keyboard focus, text has insufficient colour contrast.

57findings detected
12critical + high
5pages inspected
13 Aug 2026assessed

Independent public assessment. lulussweetsboutique.com is not necessarily affiliated with or a customer of Evolize.

MONITOR THIS WEBSITERUN A FREE ASSESSMENT
https://

01 · Accessibility summary

Evolize inspected 5 publicly accessible pages on lulussweetsboutique.com and detected 57 automatically identifiable accessibility findings. 12 findings were classified as critical or high priority. The findings map to 7 WCAG success criterions. The sections below show affected pages, technical evidence and recommended remediation. The most frequent issues involve interactive controls are not keyboard-accessible, modal dialog does not trap keyboard focus, text has insufficient colour contrast.

02 · Priority findings

03 · WCAG criteria affected

CriterionNameLevelFindingsPages
1.4.3Contrast (Minimum)AA385
2.1.1KeyboardA85
2.4.3Focus OrderA75
1.3.1Info and RelationshipsA25
1.2.2Captions (Prerecorded)A11
2.2.2Pause, Stop, HideA12
4.1.2Name, Role, ValueA11

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 rescans public websites, detects newly introduced or recurring accessibility issues, tracks remediation and verifies fixes.

MONITOR LULUSSWEETSBOUTIQUE.COMSEE PRICING

04 · All detected findings

High

Interactive controls are not keyboard-accessible

WCAG 2.1.1 (A)56 instances5 affected pages
ComponentRef X5ALOP

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.

Affected pagehttps://www.lulussweetsboutique.com/
Elementdetails#Details-menu-drawer-menu-item-3 > summary
Accessible nameOrder Online
Rolebutton
Markup
<summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-order-online">
                              Order Online
                              <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="currentColor">
</path></svg>

         …
How to fixAdd focusable semantics or a tabindex to the interactive control to ensure it can receive keyboard focus. For example, add a tabindex attribute to the summary element or replace it with a focusable HTML element like a button.
Affected pages/ /products/bee-cake /pages/contact /policies/terms-of-service /cart
ComponentRef Q3CICA

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.

Affected pagehttps://www.lulussweetsboutique.com/
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">
  <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor">
</path></svg>

              <svg xmlns="http://www.w3.org/2000/svg" ar…
How to fixAdd focusable semantics or a tabindex to the menu control element to ensure it can receive keyboard focus. For example, add a tabindex attribute to the summary element: <summary tabindex='0' ...>
Affected pages/ /products/bee-cake /pages/contact /policies/terms-of-service /cart
ComponentRef RJRWI7

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.

Affected pagehttps://www.lulussweetsboutique.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">
                <use href="#icon-search">
              </use></svg>
              <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false">
                <use href="#icon-close">
              </use></svg>
            </span>
          </summary>
How to fixAdd a tabindex to the search button element or ensure it has focusable semantics to make it reachable by keyboard. Consider using a native button element or adding appropriate ARIA attributes to enable keyboard interaction.
Affected pages/ /products/bee-cake /pages/contact /policies/terms-of-service /cart
ComponentRef RF15LD

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.

Affected pagehttps://www.lulussweetsboutique.com/
Elementdetails#Details-HeaderMenu-3 > summary
Accessible nameOrder Online
Rolebutton
Markup
<summary class="header__menu-item list-menu__item link focus-inset text-size-3xl" role="button" aria-expanded="false" aria-controls="MegaMenu-Content-3">
                        <span>Order Online</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="currentColor">
</path></svg>

                      </summary>
How to fixAdd focusable semantics or a tabindex to the 'Order Online' button element, ensuring it can receive keyboard focus.
Affected pages/ /products/bee-cake /pages/contact /policies/terms-of-service /cart
ComponentRef K8GJDE

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.

Affected pagehttps://www.lulussweetsboutique.com/products/bee-cake
Elementdetails#Details-collapsible-row-2-template--19490099298580__main > summary
Accessible nameSize Details
Rolebutton
Markup
<summary role="button" aria-expanded="false" aria-controls="ProductAccordion-collapsible-row-2-template--19490099298580__main">
                    <div class="summary__title">
                      <svg class="icon icon-accordion color-foreground-text" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M18.9836 5.32852L14.6715 1.01638L1.01638 14.6715L5.32852 18.9836L18.9836 5.32852ZM15.3902 0.297691C14.9933 -0.0992303 14.3497 -0.0992303 13.9528 0.297691L0.297691 13.9528C-0.0992301 14.3497 -0.0992305 14.9932 0.297691 15.3…
How to fixAdd focusable semantics or a tabindex to the summary element, or ensure that the control can receive keyboard focus through other means, such as using a button element instead of a summary element with a role of 'button'.
ComponentRef TIOANS

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.

Affected pagehttps://www.lulussweetsboutique.com/pages/contact
Elementsummary#Summary-collapsible_row_9DGwKL-template--19490099265812__collapsible_content_arzhQ3
Accessible nameHow Do I Place An Order For Cakes, Cupcakes, Macarons, Cookies and other treats?
Rolebutton
Markup
<summary id="Summary-collapsible_row_9DGwKL-template--19490099265812__collapsible_content_arzhQ3" role="button" aria-expanded="false" aria-controls="CollapsibleAccordion-collapsible_row_9DGwKL-template--19490099265812__collapsible_content_arzhQ3">
                    <svg class="icon icon-accordion color-foreground-text" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M1.16154 11.8423L8.09186 18.829C8.28991 19.0287 8.61108 19.0284 8.80882 18.8285L18.839 8.68572C18.9337 8.58998 18.9868 8.46032 18.9868 8.32514V1.53212C18…
How to fixAdd a tabindex attribute to the interactive control or ensure it has focusable semantics to enable keyboard accessibility. For example, add tabindex='0' to the summary element or use a native button element instead of the summary element with a role of 'button'.
ComponentRef BTQ45Z

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.

Affected pagehttps://www.lulussweetsboutique.com/products/bee-cake
Elementdetails#Details-share-template--19490099298580__main > summary
Accessible nameShare
Rolebutton
Markup
<summary class="share-button__button" role="button" aria-expanded="false">
      <svg width="13" height="12" viewBox="0 0 13 12" class="icon icon-share" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
  <path d="M1.625 8.125V10.2917C1.625 10.579 1.73914 10.8545 1.9423 11.0577C2.14547 11.2609 2.42102 11.375 2.70833 11.375H10.2917C10.579 11.375 10.8545 11.2609 11.0577 11.0577C11.2609 10.8545 11.375 10.579 11.375 10.2917V8.125" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
  <path fill-rule="evenodd" clip-rule="evenodd" d="M6.147…
How to fixAdd a tabindex attribute to the control or ensure it can receive focus through other means, such as using a native HTML button element or implementing custom focus management.
High

Modal dialog does not trap keyboard focus

WCAG 2.4.3 (A)5 instances5 affected pages
ComponentRef WN7FBA

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.

Affected pagehttps://www.lulussweetsboutique.com/
Elementsticky-header > header > div > details-modal > details > div
Accessible nameSearch
Roledialog
Markup
<div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="Search">
            <div class="modal-overlay"></div>
            <div class="search-modal__content search-modal__content-bottom" tabindex="-1"><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form">
                  <div class="field">
                    <input class="search__input field__input" id="Search-In-Modal" type="search" name="q" value="" placeholder="Search" role="combobox" aria-expa…
How to fixTo fix this, ensure that the modal dialog traps keyboard focus by setting the `tabindex` attribute to `-1` on the modal container and ensuring that all focusable elements within the modal have a `tabindex` greater than or equal to `0`. Additionally, use JavaScript to prevent focus from escaping the modal by listening for the `keydown` event and preventing default behavior when the user tries to tab out of the modal.
Affected pages/ /products/bee-cake /pages/contact /policies/terms-of-service /cart
High

Text has insufficient colour contrast

WCAG 1.4.3 (AA)178 instances5 affected pages
ComponentRef LJB0CK

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

Affected pagehttps://www.lulussweetsboutique.com/
Element.header__menu-item.text-size-3xl[href$="about"] > span
Accessible nameAbout
Markup
<span>About</span>
How to fixIncrease the contrast between the text color and background color by using a color with a higher contrast ratio, such as a darker or lighter shade.
Affected pages/ /products/bee-cake /pages/contact /policies/terms-of-service /cart
ComponentRef 4B83OF

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

Affected pagehttps://www.lulussweetsboutique.com/
Elementsummary[aria-controls="MegaMenu-Content-3"] > span
Accessible nameOrder Online
Markup
<span>Order Online</span>
How to fixIncrease the contrast between the text color and its background by adjusting either the text color or the background color to meet the minimum contrast ratio as defined by WCAG 2.1 SC 1.4.3.
Affected pages/ /products/bee-cake /pages/contact /policies/terms-of-service /cart
ComponentRef JACQHQ

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

Affected pagehttps://www.lulussweetsboutique.com/
Elementa[href="tel:(513) 759-5858"]
Accessible name(513) 759-5858
Markup
<a href="tel:(513) 759-5858" title="tel:(513) 759-5858">(513) 759-5858</a>
How to fixIncrease the contrast between the text color and background color by using a darker or lighter shade, or add a background image or texture that provides sufficient contrast.
Affected pages/ /products/bee-cake /pages/contact /policies/terms-of-service /cart
ComponentRef NNL5J

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

Affected pagehttps://www.lulussweetsboutique.com/
Element.image-with-text__text > p
Accessible nameOur storefront, stocked each morning with fresh, ready to enjoy Macarons, Cupcakes, Cookies, Cakes, and more, is located across the street from the Voice of America Shopping Center in West Chester, near Mason, only 30 minutes from downtown Cincinnati.7745 Cox Ln, West Chester Township, OH 45069
Markup
<p>
How to fixIncrease the contrast between the text color and the background color by using a color with a higher contrast ratio, such as a darker or lighter shade.
Affected pages/ /products/bee-cake /pages/contact
ComponentRef WTZOO2

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

Affected pagehttps://www.lulussweetsboutique.com/pages/contact
Elementp:nth-child(5) > strong:nth-child(4)
Accessible nameEmail:
Markup
<strong>Email:</strong>
How to fixIncrease the contrast between the text and background colors by using a darker or lighter shade, or add a background image or texture to improve readability.
Affected pages/pages/contact /policies/terms-of-service
ComponentRef 70JF09

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

Affected pagehttps://www.lulussweetsboutique.com/
Element#CardLink-template--19490098872596__featured_collection_A3zTdb-8375716610324
Accessible nameButtercream Swirl Cupcakes Best Seller
Markup
<a href="/products/buttercrea..." id="CardLink-template--1..." class="full-unstyled-link" aria-labelledby="CardLink-template--1...">
How to fixIncrease the contrast between the text color and background color by using a color with a higher contrast ratio, such as a darker or lighter shade, to make the text more readable.
Affected pages/ /products/bee-cake
ComponentRef AISIQ5

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

Affected pagehttps://www.lulussweetsboutique.com/pages/contact
Elementstrong:nth-child(2)
Accessible namePhone:
Markup
<strong>Phone:</strong>
How to fixIncrease the contrast between the text color and background color by using a darker or lighter shade, or add a background image or texture to improve readability.
Affected pages/pages/contact /policies/terms-of-service
ComponentRef V6O8X1

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

Affected pagehttps://www.lulussweetsboutique.com/
Element#Slide-template--19490098872596__b97ea3d7-2fef-4b5d-bd3d-06eb916ab085-1 > .multicolumn-card.rounded-md.content-container > .multicolumn-card__info > h3
Accessible nameAngela B, Google Review
Markup
<h3>Angela B, Google Review</h3>
How to fixIncrease the contrast between the text color and background color by using a color with sufficient lightness difference. A contrast ratio of at least 4.5:1 for normal text is recommended.
Affected pages/ /products/bee-cake
ComponentRef HSUT4W

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

Affected pagehttps://www.lulussweetsboutique.com/pages/contact
Elementp:nth-child(4)
Accessible nameTue-Fri: 10am-6pmSat: 10am-3pmMon/Sun: Closed
Markup
<p>Tue-Fri: 10am-6pm<br>Sat: 10am-3pm<br>Mon/Sun: Closed</p>
How to fixIncrease the contrast between the text color and background color to meet the minimum contrast ratio thresholds as defined by WCAG 2.1 SC 1.4.3.
Affected pages/pages/contact /policies/terms-of-service
ComponentRef 0FF65P

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

Affected pagehttps://www.lulussweetsboutique.com/
Element#Slide-template--19490098872596__b97ea3d7-2fef-4b5d-bd3d-06eb916ab085-1 > .multicolumn-card.rounded-md.content-container > .multicolumn-card__info > .rte > p
Accessible name"Lulu’s did our wedding cake and our baby shower cupcakes! Both were beautiful and delicious. So many guests asked where we got them. We live about 45 mins south of the store location but the drive is worth it because we plan to have their cakes at all our special life events!"
Markup
<p>"Lulu’s did our wedding cake and our baby shower cupcakes! Both were beautiful and delicious. So many guests asked where we got them. We live about 45 mins south of the store location but the drive is worth it because we plan to have their cakes at all our special life events!"</p>
How to fixIncrease the contrast between the text color and the background color by using a darker or lighter shade for either the text or the background, ensuring a minimum contrast ratio of 4.5:1 for normal text.
Affected pages/ /products/bee-cake
ComponentRef 91VFAP

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

Affected pagehttps://www.lulussweetsboutique.com/products/bee-cake
Element.grid__item:nth-child(1) > .card-wrapper.product-card-wrapper.underline-links-hover > .card.card--standard.card--media > .card__content > .card__information > .card-information > .price--small.price > .price__container > .price__regular > .price-item--regular.price-item
Accessible nameFrom $95.00
Markup
<span class="price-item price-item--regular">From $95.00</span>
How to fixIncrease the contrast between the text and background colors by using a darker or lighter shade for either the text or the background to meet the minimum contrast ratio requirements.
ComponentRef X7M1YD

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

Affected pagehttps://www.lulussweetsboutique.com/
Element#Slide-template--19490098872596__featured_collection_A3zTdb-1 > .product-card-wrapper.underline-links-hover.card-wrapper > .card.card--standard.card--media > .card__content > .card__information > .card-information > .price.price--small > .price__container > .price__regular > .price-item--regular.price-item
Accessible nameFrom $39.00
Markup
<span class="price-item price-item--regular">From $39.00</span>
How to fixIncrease the contrast between the text and background colors by adjusting the CSS styles for the .price-item.price-item--regular class to meet the WCAG 2.1 minimum contrast ratio of 4.5:1 for normal text.
ComponentRef SIMP5U

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

Affected pagehttps://www.lulussweetsboutique.com/
Element#Slide-template--19490098872596__e0b1f3e7-f117-451c-9ba3-1757c184122d-1 > .collection-card-wrapper.animate-arrow.card-wrapper > .card.card--standard.card--media > .card__content > .card__information > .card__heading > .full-unstyled-link[href$="cakes"]
Accessible nameCakes
Markup
<a href="/collections/cakes" class="full-unstyled-link">
How to fixIncrease the contrast between the text color and background color of the 'Cakes' link to meet the minimum contrast ratio thresholds as defined in WCAG 2.1 SC 1.4.3.
ComponentRef SXJK49

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

Affected pagehttps://www.lulussweetsboutique.com/
Element.button-brand-5.brand-button[href$="corporate-gifts"]
Accessible nameShop Corporate Gifts
Markup
<a href="/collections/corporate-gifts" class="button brand-button button-brand-5 font-weight-normal">Shop Corporate Gifts</a>
How to fixIncrease the contrast between the text color and background color of the button to meet the minimum contrast ratio thresholds, such as using a darker or lighter color for the text or background.
ComponentRef 8KPD8B

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

Affected pagehttps://www.lulussweetsboutique.com/policies/terms-of-service
Element.shopify-policy__body > .rte > p:nth-child(1)
Accessible nameOVERVIEW This website is operated by Lulu’s Sweet Bites LLC (DBA Lulu's Sweets Boutique). Throughout the site, the terms “we”, “us” and “our” refer to Lulu's Sweets Boutique. Lulu's Sweets Boutique offers this website, including all information, tools and Services available from this site to you, the user, conditioned upon your acceptance of all terms, conditions, policies and notices stated here. By visiting our site and/or purchasing something from us, you engage in our “Service” and agree to be bound by the following terms and conditions (“Terms of Service”, “Terms”), including those additional terms and conditions and policies referenced herein and/or available by hyperlink. These Terms of Service apply to all users of the site, including without limitation users who are browsers, vendors, customers, merchants, and/ or contributors of content. Please read these Terms of Service carefully before accessing or using our website. By accessing or using any part of the site, you agree to be bound by these Terms of Service. If you do not agree to all the terms and conditions of this agreement, then you may not access the website or use any Services. If these Terms of Service are considered an offer, acceptance is expressly limited to these Terms of Service. Any new features or tools which are added to the current store shall also be subject to the Terms of Service. You can review the most current version of the Terms of Service at any time on this page. We reserve the right to update, change or replace any part of these Terms of Service by posting updates and/or changes to our website. It is your responsibility to check this page periodically for changes. Your continued use of or access to the website following the posting of any changes constitutes acceptance of those changes. Our store is hosted on Shopify Inc. They provide us with the online e-commerce platform that allows us to sell our products and Services to you. SECTION 1 - ONLINE STORE TERMS By agreeing to these Terms of Service, you represent that you are at least the age of majority in your state or province of residence, or that you are the age of majority in your state or province of residence and you have given us your consent to allow any of your minor dependents to use this site.
Markup
<p>
How to fixIncrease the contrast between the text color and background color by using a color combination that meets the WCAG 2.1 minimum contrast ratio of 4.5:1 for normal text.
ComponentRef ZP3AD9

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

Affected pagehttps://www.lulussweetsboutique.com/products/bee-cake
Element.product-form__input--dropdown.product-form__input:nth-child(1) > .form__label
Accessible nameSize
Markup
<label class="form__label" for="Option-template--19490099298580__main-0">
            Size
          </label>
How to fixIncrease the contrast between the text color and background color of the 'Size' label to meet the minimum contrast ratio thresholds as defined in WCAG 2.1 SC 1.4.3.
ComponentRef XRWFD8

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

Affected pagehttps://www.lulussweetsboutique.com/
Element.card.card--standard.card--media > .card__content > .card__information > .card__heading > .full-unstyled-link[href$="wedding-cakes"]
Accessible nameWedding Cakes
Markup
<a href="/collections/wedding-cakes" class="full-unstyled-link">
How to fixIncrease the contrast between the text color and background color of the link to meet the minimum contrast ratio thresholds as defined in WCAG 2.1 SC 1.4.3.
ComponentRef Y3BSTI

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

Affected pagehttps://www.lulussweetsboutique.com/products/bee-cake
Element#Details-collapsible-row-2-template--19490099298580__main > summary > .summary__title > .h4.accordion__title
Accessible nameSize Details
Markup
<h2 class="h4 accordion__title">
                        Size Details
                      </h2>
How to fixIncrease the contrast between the text color and background color of the 'Size Details' heading by using a darker or lighter color for the text or background.
ComponentRef SS0ZBN

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

Affected pagehttps://www.lulussweetsboutique.com/
Element#SectionHeading-template--19490098872596__e0b1f3e7-f117-451c-9ba3-1757c184122d
Accessible nameOur Products
Markup
<h2 id="SectionHeading-template--19490098872596__e0b1f3e7-f117-451c-9ba3-1757c184122d" class="collection-list-title subheading decoration-underlined-brand-2 text-size-3xl text-color-brand-2">
            Our Products
          </h2>
How to fixIncrease the contrast between the text color and background color by using a darker or lighter shade, or add a contrasting outline or shadow to the text to make it more readable.
ComponentRef 0W5VX5

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

Affected pagehttps://www.lulussweetsboutique.com/pages/contact
Element#Summary-collapsible_row_9DGwKL-template--19490099265812__collapsible_content_arzhQ3 > h3
Accessible nameHow Do I Place An Order For Cakes, Cupcakes, Macarons, Cookies and other treats?
Markup
<h3 class="accordion__title h4">
                      How Do I Place An Order For Cakes, Cupcakes, Macarons, Cookies and other treats?
                    </h3>
How to fixIncrease the contrast between the text color and background color by using a darker or lighter shade, or add a background image or texture to improve readability.
ComponentRef 349Y40

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

Affected pagehttps://www.lulussweetsboutique.com/pages/contact
Elementlabel[for="ContactForm-name"]
Accessible nameName
Markup
<label class="field__label" for="ContactForm-name">Name</label>
How to fixIncrease the contrast between the text color and background color of the 'Name' label by using a darker or lighter shade, or add a background overlay to improve readability.
ComponentRef GRS028

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

Affected pagehttps://www.lulussweetsboutique.com/pages/contact
Element#ContactForm-name
Markup
<input class="field__input" autocomplete="name" type="text" id="ContactForm-name" name="contact[Name]" value="" placeholder="Name">
How to fixIncrease the contrast between the text color and background color of the input field to meet the minimum contrast ratio thresholds as defined in WCAG 2.1 SC 1.4.3.
ComponentRef 7IVWGL

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

Affected pagehttps://www.lulussweetsboutique.com/products/bee-cake
Element#Option-template--19490099298580__main-0
Accessible name6" (~12 servings) 8" (~24 servings) 10" (~36 servings)
Markup
<select id="Option-template--19490099298580__main-0" class="select__select" name="options[Size]" form="">
How to fixIncrease the contrast between the text color and background color of the size selection options to meet the minimum contrast ratio thresholds as defined by WCAG 2.1 SC 1.4.3.
ComponentRef UU4OUF

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

Affected pagehttps://www.lulussweetsboutique.com/
Element.mobile-text-size-2xl.banner__text.body > .text-color-brand-2
Accessible nameNot sure where to begin? Start here!
Markup
<span class="text-color-brand-2 ">Not sure where to begin? Start here!</span>
How to fixIncrease the contrast between the text and background colors by using a darker or lighter shade for either the text or the background, ensuring a minimum contrast ratio of 4.5:1 for normal text.
ComponentRef KBBP9X

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

Affected pagehttps://www.lulussweetsboutique.com/pages/contact
Element.form__label
Accessible nameComment
Markup
<label class="form__label field__label" for="ContactForm-body">Comment</label>
How to fixIncrease the contrast between the text and background colors by using a darker or lighter shade for either the text or the background, ensuring a minimum contrast ratio of 4.5:1 for normal text.
ComponentRef FN0MWW

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

Affected pagehttps://www.lulussweetsboutique.com/products/bee-cake
Element.price--medium > .price__container > .price__regular > .price-item--regular.price-item
Accessible name$85.00
Markup
<span class="price-item price-item--regular">$85.00</span>
How to fixAdjust the colors used for the text and background to ensure they meet the minimum contrast ratio of 4.5:1 for normal text, as recommended by the Web Content Accessibility Guidelines (WCAG 2.1).
ComponentRef JACQLF

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

Affected pagehttps://www.lulussweetsboutique.com/pages/contact
Elementp:nth-child(2) > a[href$="mailto:[email removed]"][title="mailto:[email removed]"]
Accessible name[email removed]
Markup
<a href="mailto:[email removed]" title="mailto:[email removed]">[email removed]</a>
How to fixIncrease the contrast between the text color and background color of the email address to meet the minimum contrast ratio requirements, or provide an alternative way to access the contact information.
ComponentRef PUX9I6

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

Affected pagehttps://www.lulussweetsboutique.com/pages/contact
Element.header__menu-item[aria-current="page"][href$="contact"] > span
Accessible nameContact
Markup
<span>Contact</span>
How to fixIncrease the contrast between the text color and background color of the 'Contact' link to meet the minimum contrast ratio thresholds as defined by WCAG 2.1 SC 1.4.3.
ComponentRef I27MX8

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

Affected pagehttps://www.lulussweetsboutique.com/
Element.text-size-4xl
Accessible nameHappy Customers
Markup
<h2 class="subheading decoration-underlined-brand-2 text-size-4xl" style="display: block;">
            Happy Customers
          </h2>
How to fixIncrease the contrast between the text color and the background color by adjusting either the text color, the background color, or both, to meet the minimum contrast ratio as defined by the Web Content Accessibility Guidelines (WCAG 2.1).
ComponentRef 4J21SZ

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

Affected pagehttps://www.lulussweetsboutique.com/
Element.underlined > div > .text-align-center
Accessible name100+ 5 Star Reviews
Markup
<p class="text-align-center">
            100+ 5 Star Reviews
          </p>
How to fixAdjust the background or text color to meet the minimum contrast ratio of 4.5:1 for normal text, as per WCAG 2.1 guidelines. Use a color contrast analyzer tool to find suitable color combinations.
ComponentRef AX9IX6

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

Affected pagehttps://www.lulussweetsboutique.com/
Element.title
Accessible nameTrending Products
Markup
<h2 class="title text-color-brand-2 text-align-center subheading decoration-underlined-brand-2 text-size-3xl">Trending Products</h2>
How to fixIncrease the contrast between the text color and background color by using a darker or lighter shade, or add a background overlay to improve readability.
ComponentRef P2IT51

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

Affected pagehttps://www.lulussweetsboutique.com/products/bee-cake
Element.multicolumn-card__info > .rte > p > a:nth-child(1)
Accessible nameFAQ section
Markup
<a href="https://www.lulussweetsboutique.com/pages/contact#FAQ" title="https://www.lulussweetsboutique.com/pages/contact#FAQ">FAQ section</a>
How to fixIncrease the contrast between the text color and background color of the 'FAQ section' link to meet the minimum contrast ratio thresholds as per WCAG 2.1 SC 1.4.3.
ComponentRef R1PZNP

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

Affected pagehttps://www.lulussweetsboutique.com/pages/contact
Element#ContactForm-body
Markup
<textarea rows="10" id="ContactForm-body" class="text-area field__input" name="contact[Comment]" placeholder="Comment"></textarea>
How to fixIncrease the contrast between the text color and the background color of the textarea by using a color with a higher contrast ratio, as recommended by the Web Content Accessibility Guidelines (WCAG 2.1).
ComponentRef I0FA43

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

Affected pagehttps://www.lulussweetsboutique.com/
Element#NoMediaStandardBadge-template--19490098872596__featured_collection_A3zTdb-8375716610324
Accessible nameBest Seller
Markup
<span id="NoMediaStandardBadge-template--19490098872596__featured_collection_A3zTdb-8375716610324" class="badge badge--bottom-left bg-color-brand-5 text-color-white">
                Best Seller
              </span>
How to fixAdjust the color of the text or its background to ensure the contrast ratio meets the minimum requirements. This can be achieved by using a color contrast analyzer tool to find suitable colors that meet the accessibility standards.
ComponentRef FPAGK1

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

Affected pagehttps://www.lulussweetsboutique.com/
Element.caption-with-letter-spacing > .text-color-white
Accessible nameCincinnati, OH - Est. 2017
Markup
<span class="text-color-white ">Cincinnati, OH - Est. 2017</span>
How to fixIncrease the contrast between the text color and the background color by using a darker or lighter shade, or add a background image or texture to improve readability.
ComponentRef L0ZN84

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

Affected pagehttps://www.lulussweetsboutique.com/
Element.line-height-14 > span
Accessible nameSpecialty Cakes & Sweets
Markup
<span class="">Specialty Cakes &amp; Sweets</span>
How to fixIncrease the contrast between the text and background colors by adjusting the font color or background color to meet the minimum contrast ratio thresholds.
ComponentRef HDDGPJ

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

Affected pagehttps://www.lulussweetsboutique.com/
Element#Banner-template--19490098872596__image_banner > .banner__content.banner__content--middle-center.page-width > .banner__box.content-container--full-width-mobile.content-container > .banner__buttons > .button-brand-5.brand-button.font-weight-normal
Accessible nameShop Products
Markup
<a href="/collections/all-products" class="button brand-button button-brand-5 font-weight-normal">Shop Products</a>
How to fixIncrease the contrast between the text color and the background color of the 'Shop Products' button to meet the minimum contrast ratio requirements.
ComponentRef RHXV48

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

Affected pagehttps://www.lulussweetsboutique.com/pages/contact
Elementh1
Accessible nameContact
Markup
<h1 class="main-page-title page-title h0" style="font-size: 40px;">
      Contact
    </h1>
How to fixAdjust the color of the text or background to meet the minimum contrast ratio of 4.5:1 for normal text, as recommended by the Web Content Accessibility Guidelines (WCAG 2.1).
Medium

Navigation regions are not distinguishable

WCAG 1.3.1 (A)10 instances5 affected pages
ComponentRef KBBGYU

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

Affected pagehttps://www.lulussweetsboutique.com/
Elementdiv#shopify-section-header > sticky-header > header > nav
Accessible nameAbout Contact Order Online Shop All Products Cakes Cupcakes Macarons Cookies Party Trays Occasions Birthday Kids Birthday Corporate Graduation Religious Baby Shower Gender Reveal Wedding Styles Vintage Printed Images Smash Cakes Floral Drip Novelty Ombre Sports Sprinkles Availability Last Minute Minimum 3 Day Notice Minimum 6 Day Notice Minimum 10 Day Notice Other Gift Cards Gluten-Free
Markup
<nav class="header__inline-menu">
          <ul class="list-menu list-menu--inline align-items-center" role="list"><li><a href="/pages/about" class="header__menu-item list-menu__item link link--text focus-inset text-size-3xl">
                    <span>About</span>
                  </a></li><li><a href="/pages/contact" class="header__menu-item list-menu__item link link--text focus-inset text-size-3xl">
                    <span>Contact</span>
                  </a></li><li><header-menu>
                    <details id="Details-HeaderMenu-3" class="mega-menu">
                      <summary cl…
How to fixAdd an 'aria-label' or 'aria-labelledby' attribute to each navigation landmark to provide a unique and descriptive name.
Affected pages/ /products/bee-cake /pages/contact /policies/terms-of-service /cart
ComponentRef MHK6KV

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

Affected pagehttps://www.lulussweetsboutique.com/
Elementdiv#menu-drawer > div > div > nav
Accessible nameAbout Contact Order Online Order Online Shop All Products Products Cakes Cupcakes Macarons Cookies Party Trays Occasions Occasions Birthday Kids Birthday Corporate Graduation Religious Baby Shower Gender Reveal Wedding Styles Styles Vintage Printed Images Smash Cakes Floral Drip Novelty Ombre Sports Sprinkles Availability Availability Last Minute …[truncated by Evolize: exceeded D1 value limit]
Markup
<nav class="menu-drawer__navigation">
                  <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a href="/pages/about" class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
                            About
                          </a></li><li><a href="/pages/contact" class="menu-drawer__menu-item list-menu__item link link--text focus-inset">
                            Contact
                          </a></li><li><details id="Details-menu-drawer-menu-item-3">
                            <summary class="menu-drawer__menu-item list-menu__ite…
How to fixAdd a unique and descriptive accessible name to each navigation landmark using the 'aria-label' or 'aria-labelledby' attribute.
Affected pages/ /products/bee-cake /pages/contact /policies/terms-of-service /cart
Medium

Hidden elements can still receive keyboard focus

WCAG 2.4.3 (A)20 instances3 affected pages
ComponentRef DS8K52

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

Affected pagehttps://www.lulussweetsboutique.com/
Elementa#StandardCardNoMediaLink-template--19490098872596__featured_collection_A3zTdb-8375716610324
Accessible nameButtercream Swirl Cupcakes Best Seller
Markup
<a href="/products/buttercream-swirl-cupcakes" id="StandardCardNoMediaLink-template--19490098872596__featured_collection_A3zTdb-8375716610324" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--19490098872596__featured_collection_A3zTdb-8375716610324 NoMediaStandardBadge-template--19490098872596__featured_collection_A3zTdb-8375716610324">
                Buttercream Swirl Cupcakes
              </a>
How to fixRemove the element from the tab order by setting the 'tabindex' attribute to '-1' or make the element visible when it receives focus.
Affected pages/ /products/bee-cake
ComponentRef C4XT6W

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

Affected pagehttps://www.lulussweetsboutique.com/
Elementdiv > div:nth-of-type(1) > div:nth-of-type(2) > div > div > a
Accessible nameCakes
Markup
<a href="/collections/cakes" class="full-unstyled-link italic">Cakes<span class="icon-wrap"><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="currentColor">
</path></svg>
</span>
            </a>
How to fixRemove the element from the tab order by setting the 'tabindex' attribute to '-1' or by making the element visible when it receives focus. Alternatively, ensure that the element is properly hidden from screen readers and keyboard navigation by using 'display: none' or 'visibility: hidden' in CSS.
ComponentRef MCO2H

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

Affected pagehttps://www.lulussweetsboutique.com/products/bee-cake
Elementli#Slide-template--19490099298580__main-34108720316692 > div > modal-opener > button
Accessible nameOpen media 1 in modal
Markup
<button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="34108720316692">
      <span class="visually-hidden">
        Open media 1 in modal
      </span>
    </button>
How to fixRemove the hidden button from the tab order by setting the 'tabindex' attribute to '-1' or by using 'display: none' or 'visibility: hidden' CSS properties to ensure it's not focusable when not visible.
ComponentRef P2CE3Z

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

Affected pagehttps://www.lulussweetsboutique.com/products/bee-cake
Elementslider-component#GalleryViewer-template--19490099298580__main > div > button:nth-of-type(1)
Accessible nameSlide left
Markup
<button type="button" class="slider-button slider-button--prev" name="previous" aria-label="Slide left">
          <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="currentColor">
</path></svg>

        </button>
How to fixTo fix this issue, ensure that the element is removed from the tab order when it is not visible, by setting the 'tabindex' attribute to '-1' or by using 'display: none' or 'visibility: hidden' CSS properties to completely hide the element from both screen readers and sighted users.
ComponentRef U960WR

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

Affected pagehttps://www.lulussweetsboutique.com/cart
Elementtextarea#Cart-note
Markup
<textarea class="text-area field__input" name="note" form="cart" id="Cart-note" placeholder="Notes"></textarea>
How to fixEnsure that the element is removed from the tab order when it's not visible, by setting the 'tabindex' attribute to '-1' or by using 'display: none' or 'visibility: hidden' CSS properties to completely hide the element from screen readers and keyboard navigation.
ComponentRef C6K3LB

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

Affected pagehttps://www.lulussweetsboutique.com/cart
Elementdiv#shopify-section-template--19490099331348__cart-items > cart-items > div:nth-of-type(1) > a
Accessible nameContinue shopping
Markup
<a href="/collections/all-products" class="underlined-link text-color-brand-2">Continue shopping</a>
How to fixTo fix this issue, ensure that any element that is not visible does not remain in the tab order. This can be achieved by setting the 'tabindex' attribute to '-1' or by removing the element from the DOM when it's not visible.
Low

Carousel has no accessible controls

WCAG 2.1.1 (A)2 instances2 affected pages
ComponentRef 39TMF1

A carousel/slider exposes no previous/next or pause controls, so keyboard and assistive-technology users cannot navigate or stop it. Requires manual review of the specific widget.

Affected pagehttps://www.lulussweetsboutique.com/
Elementsection#shopify-section-template--19490098872596__b97ea3d7-2fef-4b5d-bd3d-06eb916ab085 > div > div > slider-component
Accessible nameAngela B, Google Review "Lulu’s did our wedding cake and our baby shower cupcakes! Both were beautiful and delicious. So many guests asked where we got them. We live about 45 mins south of the store location but the drive is worth it because we plan to have their cakes at all our special life events!" Emily D, Google Reivew "...Everything I have ever ordered has been delicious and unique. Many birthday cakes, a wedding cake, macarons and custom decorated cookies are some of my all time favorites that I've ordered. The quality and care that is put into each treat is obvious. The treats they make look beautiful and taste amazing too. I've also partnered with Lulu's for numerous corporate events and they execute brilliantly every time - I know I can trust them with important details." Joyce C, Google Review "The cake was not only gorgeous on the outside, but also deliciously decadent on the inside! I have ordered many cakes from other bakeries in the Cincinnati area and this is by far the best one! The cake was super moist and icing was perfectly sweet as well. Looking forward to ordering more cakes for future celebrations!"
Markup
<slider-component class="slider-mobile-gutter">
      <ul class="multicolumn-list contains-content-container grid grid--1-col-tablet-down grid--3-col-desktop is-testimonials" id="Slider-template--19490098872596__b97ea3d7-2fef-4b5d-bd3d-06eb916ab085" role="list"><li id="Slide-template--19490098872596__b97ea3d7-2fef-4b5d-bd3d-06eb916ab085-1" class="multicolumn-list__item grid__item center">
            <div class="multicolumn-card content-container rounded-md">
                <div class="multicolumn-card__image-wrapper multicolumn-card__image-wrapper--half-width multicolumn-card-spacing">
     …
How to fixAdd visible and accessible controls (e.g., previous, next, pause) to the carousel that can be operated via keyboard and are accessible to screen readers and other assistive technologies.
Affected pages/ /pages/contact
Low

ARIA attributes have invalid values

WCAG 4.1.2 (A)2 instances1 affected page
ComponentRef WGVQFP

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

Affected pagehttps://www.lulussweetsboutique.com/products/bee-cake
Elementbutton[aria-label="Load image 1 in gallery view"]
Accessible nameLoad image 1 in gallery view
Markup
<button class="thumbnail global-media-settings global-media-settings--no-shadow" aria-label="Load image 1 in gallery view" aria-current="true" aria-controls="GalleryViewer-template--19490099298580__main" aria-describedby="Thumbnail-template--19490099298580__main-1
">
How to fixVerify that the id referenced in the aria-controls attribute exists in the document and that it corresponds to a valid element. Ensure all ARIA attributes conform to valid values as defined in the WAI-ARIA specification.
Low

Video may be missing captions

WCAG 1.2.2 (A)1 instance1 affected page
ComponentRef 2RBHHO

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

Affected pagehttps://www.lulussweetsboutique.com/
Elementdiv#Banner-template--19490098872596__image_banner > video
Accessible nameYour browser does not support the video tag.
Markup
<video class="bweb-banner__video" autoplay="" muted="" loop="" playsinline="" preload="metadata" aria-hidden="true" onloadstart="this.style.opacity='1'" onerror="this.style.display='none'" style="opacity: 1;">
      <source src="https://cdn.shopify.com/videos/c/o/v/5df9944c603f4ec99af2175159684efc.mp4" type="video/mp4">
      Your browser does not support the video tag.
    </video>
How to fixAdd captions or subtitles to the video, especially if it contains important audio information. This can be done by adding a track element to the video element with the kind attribute set to 'captions' or 'subtitles'.

05 · Pages inspected

06 · About this assessment

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

  • Publicly accessible surfaces only — no credentials, private systems, or source-code access.
  • Findings apply to the pages and states successfully inspected; automated analysis may not detect every issue.
  • Results reflect the site at the scan date and may have changed since.

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

07 · Continuous monitoring

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

MONITOR THIS WEBSITESEE PRICING

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