Inclusely

How Inclusely works

Inclusely is a Shopify accessibility app. It finds the problems that stop shoppers, fixes what it safely can, and writes down what was done. Here is what happens after you install it.

Scan every template

Your store may have thousands of pages, but they are built from a few templates. Inclusely checks one or two pages of each, on a desktop screen and on a phone.

The scan opens each page in a real browser. It presses Tab through the page, opens the menu, cart drawer and search, and checks that you can close them again with the Escape key.

It also reads every product in your catalogue through Shopify. So missing alt text (a short description of an image for people who cannot see it) is counted for all your products, not only the pages it opens.

Problems are grouped by the template that causes them. When the product template has a broken button, you see it once, with the number of pages it affects.

See exactly what we test

Screen sizes

  • Desktop1440 × 900
  • Phone390 × 844
  • Narrow reflow320 wide

Pages in each scan

  • Home page
  • Up to 3 collections
  • Up to 5 product pages, including one with video and one with options
  • Cart page and the cart drawer, opened
  • Search results
  • A blog post and a regular page
  • Contact page and the 404 page
  • Password page, if your store has one

Every problem says who can fix it.

Each problem is tagged as your theme, your content, another app, or Shopify. Inclusely recognises about 30 common apps, such as review, chat and popup apps, so you know when the fix belongs to that app’s developer.

Checkout belongs to Shopify. It is never counted in your total, and we link Shopify’s own checkout accessibility report. Try the filter.

Showing 7 of 7 example problems. 6 count toward what you can fix.

  • Cart button has no namesections/header.liquid, all pagesBlockerYour theme
  • Size options cannot be picked with a keyboardsnippets/product-variant-picker.liquidBlockerYour theme
  • 212 product images have no alt textProducts in your catalogueSeriousYour content
  • Sale badge text is too faintTheme settings, colour scheme 2SeriousYour theme
  • Review stars cannot be reached with TabProduct reviews appSeriousOther app
  • Chat button covers the focused linkLive chat appModerateOther app
  • Payment field error is not announcedShopify checkoutSeriousShopify-owned

Fix store data and settings

Some fixes belong in your product data and theme settings. Inclusely suggests them, you approve them, and only then are they saved.

Alt text for product images

You get suggested alt text for each product image, in English and French. Review them in a grid, edit any you like, and approve.

  • Alt text you wrote yourself is left alone
  • Each batch can be undone
  • French goes into Shopify’s translations
Example: a batch of suggested alt text waiting for review
ProductBeforeSuggested
Linen apronIMG_4021Rust linen apron with two front pockets, tied at the waist
Stoneware mug(empty)White stoneware mug with a soft glaze, shown from the side
Wool throwWool throwKept. You wrote this one, so it is not changed
Approve 2 Undo batchEnglish and French

Colours in your theme settings

Faint text often comes from one colour in your theme settings. Inclusely checks every colour scheme, finds the nearest shade that is easy to read, and tells you where to change it in Online Store, Themes, Customize.

Sale badge text on white, colour scheme 2

Example: badge colour before and after the suggested setting change
StateColourContrast
Now#E0613D3.5:1 Too faint
Suggested#B8401F5.5:1 Passes

Theme settings, Colours, Scheme 2, Badge text. Same hue, darker shade.

Exact theme code changes you approve

For problems in your theme’s code you get the file, the line and the change, with a plain explanation.

sections/header.liquid- <button class="header__icon">+ <button class="header__icon"+   aria-label="{{ 'general.cart.title' | t }}">

The safe way to change theme code

  1. Duplicate your themeWork on a copy that shoppers cannot see.
  2. Apply the changePaste it yourself, send it to your developer, or ask ours.
  3. Preview and rescanInclusely checks the copy and confirms the problem is gone.
  4. PublishWhen you are happy, publish the copy as your live theme.

Rather not touch code? Inclusely is made by EVDEV, a Shopify agency in Toronto. Our developers can apply the changes on a copy of your theme, and every change goes into your record.

Checks a person has to do

Software can test only about 16 of the 50 WCAG 2.1 AA criteria on its own (Deque, 2021). The rest need someone to look, listen and judge.

Inclusely has eight short guided tests: buying with only a keyboard, buying with a phone screen reader, zooming in, filling in forms with mistakes, video captions, a spot check of alt text, popups and other apps, and French pages. Each one lists the steps and what a pass looks like. Results are saved with a name and a date.

Keyboard-only purchase test, example

Keyboard-only purchase

0 of 6 steps checked

Try it here. Put your mouse away for this one.

In the app, the result is saved with the tester’s name and the date, and goes into your record.

Your evidence log

Every scan, fix, approval, undo and test is written down with the date and the person. Entries are only ever added, never edited.

Dated change log

Who did what, when, and what it looked like before.

  1. Oct 14Added alt text to 212 product imagesApproved by Dana
  2. Oct 15Raised sale badge contrast to 5.2:1Theme setting
  3. Oct 16Rescan: 31 problems fixed, 4 leftAutomatic

Ready to share

  • A scan report for your developer.
  • An evidence report with the full timeline, for your lawyer or auditor.
  • An accessibility statement in English and French, written from your real results.
  • A feedback link in your footer, so shoppers can tell you about a problem.

Then it keeps watching

Stores change every week. Every new product, page, theme publish and app is checked as it appears, so a new problem is caught early.

You only get an alert when something gets worse: a new serious problem, or an old one that comes back.

Full scans of your store, by plan
PlanFull scans
FreeWhen you start one, up to once a week
StarterEvery week
GrowthEvery day
ProEvery day, plus a full rescan on every theme publish

What we never inject

Inclusely helps you find and fix problems and move toward WCAG 2.2 AA. It does not promise that your store meets any law, and it is not legal advice.

Small optional storefront fixes, off until you turn them on

A few problems can be patched on the storefront while the real fix is on its way. Together they weigh under 10 KB and show nothing to shoppers, except a skip link when someone presses Tab. Each one is listed in your report as temporary, next to the permanent fix.

  • Skip to content linkLets keyboard users jump past the menu.
  • Visible focus outlineIn a colour you pick, checked for at least 3:1 contrast.
  • Room for sticky headersStops a focused link from hiding under a sticky bar.
  • Reduced motionPauses known slideshows for shoppers who ask their device for less motion.
  • Pinch zoom back onRemoves theme code that blocks zooming on phones.
  • Missing button namesOnly on known themes, or with words you confirm.
  • Cart announcementsTells screen reader users when an item is added.

Why we do not build a widget How we test

Be one of the first stores on Inclusely.

Early access stores get a free scan of their whole store and a call with our team to go through it.

Get early access