Shopify

Add the WCAG 2.2 accessibility widget to your Shopify store. Choose one of two methods.

Option 1: Theme Snippet (any store)

Works for any Shopify merchant—no app required.

  1. Online Store → Themes → Edit code
  2. Click Add a new snippet, name it: open-accessible-widget
  3. Paste the contents of open-accessible-widget.liquid: 
    <script src="https://openaccessible.com/cdn/open-accessible/1.0.0/widget.min.js" async
  data-api-url="https://openaccessible.com"></script>
    Edit the snippet: set {% assign oa_site_id = 'oa_yourid' %} (get ID from Dashboard). Leave blank for self-hosted.
  4. Open layout/theme.liquid, add before </body>: 
    {% render 'open-accessible-widget' %}
  5. Save
View snippet file

Option 2: Theme App Extension (app developers)

For Shopify app developers who want to bundle this as an app embed.

  1. Run shopify app generate extension → choose Theme app extension
  2. Replace generated files with extensions/open-accessible-accessibility/
  3. Run shopify app deploy
  4. Merchants: Theme settings → App embeds → enable Open Accessible, enter Site ID
Get Site ID