> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://support.consentmo.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Meet ADA & WCAG Standards with Consentmo’s Accessibility Widget With Consentmo, compliance goes beyond cookies. We're excited to announce the launch of our **ADA & Accessibility Compliance Widget -** a powerful new tool designed to help your Shopify store meet **ADA**, **WCAG**, and **EEA accessibility standards** with ease. Whether you're catering to users with visual, motor, or cognitive disabilities, this widget empowers you to provide a **more inclusive and legally compliant shopping experience**. Easily customize its placement, behavior, and appearance to match your store’s branding - no coding required. The feature is **available** in the new **Plus and Enterprise plans** of the app. * **Below** are also the **two main sections** for the **widget settings explained in the below article**: 1. [Widget Functionality & Customization Options](https://support.consentmo.com/en/article/meet-ada-wcag-standards-with-consentmos-accessibility-widget-2vgfcb/?bust=1764844742695#1-widget-functionality-customization-options) - set the colors, design, size, positioning and visibility of the widget 2. [Advanced Widget Behavior Settings](https://support.consentmo.com/en/article/meet-ada-wcag-standards-with-consentmos-accessibility-widget-2vgfcb/?bust=1764844742695#1-advanced-widget-behavior-settings) - Set the behavior for the widget as per your preferences for easier visitor navigation 3. [Regional settings for showing the option](https://support.consentmo.com/en/article/web-accessibility-link-regional-settings-y2h0r6/) - Set the regions/counties where you want the accessibility option to be shown for the store visitors # ♿ New! Web Accessibility Widget Now Available in Consentmo GDPR We’re committed to making compliance accessible—literally. Our new **Web Accessibility Widget** empowers Shopify merchants to meet the requirements of **ADA**, **WCAG**, and **European Accessibility Act (EEA)** standards, ensuring their store is inclusive and navigable for all users, including those with disabilities. Whether you're a growing brand or a global Shopify Plus merchant, this tool makes it easier than ever to provide an accessible browsing experience. ![](https://storage.crisp.chat/users/helpdesk/website/-/b/0/7/f/b07f7406951a4000/ada-main_j53vli.png) # ✅ What does the Web Accessibility Widget do? The widget offers assistive options that help users **perceive, navigate, and interact** with your site more effectively. This includes visual enhancements and navigation aids tailored for users with visual impairments, motor disabilities, cognitive limitations, and more. When enabled, the widget displays a floating accessibility icon on your storefront that opens a panel with helpful accessibility tools. # 🛠️ Widget Functionality & Customization Options From the app dashboard, under **Consentmo GDPR → Web Accessibility**, you can: #### 🔘 Enable or Disable the Widget * Enable the widget in the theme * Toggle the widget on/off globally * Control visibility with Enabled, Disabled, or Admin Mode (test before publishing) [![](https://gdprstorage.b-cdn.net/faq/gif/ADA-enabling-new2.gif)](https://gdprstorage.b-cdn.net/faq/gif/ADA-enabling-new2.gif) #### 🖌️ **Widget Design Customization** * Choose from **3 icon styles** (classic accessibility icon, eye icon, or button with label) * Preview real-time changes in the built-in **Preview panel** [![](https://gdprstorage.b-cdn.net/faq/gif/ADA-icons.gif)](https://gdprstorage.b-cdn.net/faq/gif/ADA-icons.gif) #### 🎨Widget Color Customization * Use default **Blue** or **Dark** themes * Or apply **Custom colors** to match your brand design || If custom colors are set for the widget, and you get the below message, please consider changing the colors so they are in more contrast for better readability: ![](https://storage.crisp.chat/users/helpdesk/website/-/b/0/7/f/b07f7406951a4000/ada-custom-colors-warning_mn0mv4.png) #### 📐 Widget Size, Positioning & visibility * Select from **Small, Medium, Large** widget sizes * Select the visibility by device as well from the following options: **-Desktop and mobile** **-Desktop only** **-Mobile only** * Choose widget placement: **Top-right**, **Top-left**, **Bottom-right**, or **Bottom-left** * Set pixel distance from edges to fine-tune positioning ${frame}[Here you can use a custom legend](https://www.loom.com/embed/dbfc5ee91cd245c6ae59d38cef632008) ### 🖥️ Live Preview Panel The integrated **Preview** section (with **desktop/mobile toggle**) allows you to see the widget behavior instantly—ensuring design and placement look perfect before going live. ![](https://storage.crisp.chat/users/helpdesk/website/-/b/0/7/f/b07f7406951a4000/ada-live-view_9wxi82.png) # 🔧 Advanced Widget Behavior Settings The **Consentmo ADA Accessibility Widget** comes with **several behavior customization options** to help merchants fine-tune how and when the widget appears for users. You can find them in the **Behavior** section of the **Web Accessibility tab**. **Here's what each setting does:** #### 🚹 Accessibility Modes The Accessibility modes allow the webpage visitor to select a predefined profile as per their accessibility needs. They can choose between the following options: * Motor impairment * Color blindness * Cognitive focus * Visual impairment * Epileptic save * ADHD friendly Each profile, when selected, will automatically enable the options from the accessibility widget most suitable in accordance with the impairment of the visitor. Here is also a reference on how it can be enabled and used: [![](https://gdprstorage.b-cdn.net/faq/gif/ADA-profiles.gif)](https://gdprstorage.b-cdn.net/faq/gif/ADA-profiles-new.gif) #### 🖥️ **Large menu Mode** Enable **Large Menu Mode** to enlarge the Accessibility Menu on desktop devices. This mode increases the **text size** and **container dimensions** inside the widget, making all accessibility tools easier to read and interact with — especially for users with **low vision** or **reading difficulties**. When activated, the **widget interface automatically adjusts** its layout for\*\* improved legibility, spacing, and visibility\*\* of all available options. [![](https://gdprstorage.b-cdn.net/faq/gif/ADA-Large-widget-mode.gif)](https://gdprstorage.b-cdn.net/faq/gif/ADA-Large-widget-mode.gif) 💡 **Tip:** Recommended for merchants who want to enhance accessibility for desktop visitors and ensure compliance with **WCAG 2.2** readability and usability guidelines. #### 🈹 Widget Language In the **Behavior** tab of the **Web accessibility** section, you can find the option for enabling the multilingual setup for the widget as well. * You can **enable it and also set the detection method** for the languages, so it can show in the correct one, depending on the store version the visitor is currently at. ![](https://storage.crisp.chat/users/helpdesk/website/-/b/0/7/f/b07f7406951a4000/ada-app-languages_1gajr6s.png) || The recommended option, if you are using a 3rd party app for your store translations is the "From store language(locale)". * Once enabled, it will **automatically detect the languages** you have **published in the store**, form the admin settings, as shown here: ![](https://storage.crisp.chat/users/helpdesk/website/-/b/0/7/f/b07f7406951a4000/ada-languages_1mtvdfi.png) In the widget, there will still be a menu with the most popular languages worldwide, and the visitor can change it from there as well if needed. The option will show on top of the widget settings, once enabled: [![](https://gdprstorage.b-cdn.net/faq/gif/ADA-language.gif)](https://gdprstorage.b-cdn.net/faq/gif/ADA-language.gif) #### 👁️‍🗨️ **Widget Position & Visibility (Hiding options)** The option gives the visitor the **option to move the widget box** to the either **right or the left side** of the screen. It also adds a **“Hide widget”** button to the widget, giving users the freedom to remove the widget from view if they don’t need it. They have the **option** to **hide it for a week, a month or permanently**. Ideal for a cleaner UI experience after initial interaction, while still maintaining compliance transparency. [![](https://gdprstorage.b-cdn.net/faq/gif/ADA-hide-forever-1.gif)](https://gdprstorage.b-cdn.net/faq/gif/ADA-hide-forever-1.gif) #### 🫣 **Initial visibility - Hide Widget Until Activated** With this setting enabled, the widget remains hidden by default and **only appears when a user activates it** (e.g., via keyboard shortcut). Useful for stores with minimalistic designs who want to offer accessibility tools without visual clutter. [![](https://gdprstorage.b-cdn.net/faq/gif/ADA-hide-until-active.gif)](https://gdprstorage.b-cdn.net/faq/gif/ADA-hide-until-active.gif) #### ⌨️ **Enable Keyboard Shortcut** Allow users to open the accessibility widget by pressing the **Tab** key on their keyboard. This improves usability for keyboard-dependent users and is especially useful for screen reader navigation. 💡 Recommended for stores that aim to provide full keyboard accessibility compliance under **WCAG** standards. **Below you can also check** a reference on **how the Tab key on the keyboard**, when pressed, i**s opening the different options for the visitors:** [![](https://gdprstorage.b-cdn.net/faq/gif/ADA-tab-enable-new.gif)](https://gdprstorage.b-cdn.net/faq/gif/ADA-tab-enable-new.gif) #### ®️ **Powered by Consentmo** Toggle the visibility of the **“Powered by Consentmo”** label on your widget. You can choose to keep your branding clean or highlight that you're using a **trusted accessibility solution**. ![](https://storage.crisp.chat/users/helpdesk/website/-/b/0/7/f/b07f7406951a4000/ada-powered-by_aqq2tp.png) These options are available under **Web Accessibility > Widget Behavior** in the app. Merchants can preview changes in real-time and combine these settings to create the most inclusive experience possible - without sacrificing store aesthetics. # 🌐 Why It Matters Adding this widget supports compliance with: * **ADA** - US Americans with Disabilities Act (ADA) * **WCAG 2.2 AA** standards * **EEA Accessibility Directive -** EU European Accessibility Act regalement * Shopify’s evolving requirements for accessibility It also creates a better, more inclusive experience for **every** visitor—improving usability, reducing bounce rates, and building trust with your audience. # 💡 Best Practices * **Pair the widget** with a visible [Privacy Widget](https://support.consentmo.com/en/article/cookie-widget-re-open-cookie-banner-146n1j3/) or Cookie Preferences button to provide complete control and transparency. ![](https://storage.crisp.chat/users/helpdesk/website/-/b/0/7/f/b07f7406951a4000/both-widgets_mc826i.png) * Add an [**Accessibility Statement**](/en/article/ada-wcag-accessibility-statement-f6mavo/) link if you have one, detailing your store’s commitment to accessibility and available support options. * Regularly review the **position and contrast** of the widget on your theme—especially if using custom CSS or dynamic content. # 💬 Need Help? Our team is here for you! If you’d like assistance enabling the widget or aligning it with your theme design, feel free to reach out via **live chat** in the app or email us at [support@consentmo.com](mailto:support@consentmo.com)