To make use of our AI-assisted remediation feature, you will need to install a JS snippet on your Shopify website.
The snippet needs to be added to your site’s global template, right before </body> tag.
Once installed, the remediation script will automatically run across your website and enable AI-assisted accessibility fixes.
Here are the steps you’ll need to follow to get set up.
Step 1: Locate Your AI Remediation Script
After adding your domain to AccessibilityChecker.org, you will see the option to Set Up AI Remediation.
Here, you’ll find your unique JavaScript snippet.
To locate the script:
Log into your AccessibilityChecker.org account
Click on your domain
Click Set Up AI Remediation
Copy the script snippet provided
Step 2: Log Into Shopify
Log into your Shopify admin dashboard and select the store where you want to install the remediation script.
Step 3: Open Your Theme Settings
In the left-hand menu:
Click Online Store
Select Themes
Locate your active theme
Click the ••• (Actions) button
Select Edit code
Step 4: Open the Theme Layout File
Inside the code editor:
Locate the Layout folder
Open the file called: theme.liquid
Step 5: Find the Closing </body> Tag
Scroll toward the bottom of the theme.liquid file and locate: </body>.
Paste your remediation script immediately before the closing </body> tag.
Click the Save button in the top-right corner of the code editor.
Step 6: Validate the Connection
Return to your AccessibilityChecker.org dashboard in the AI Remediation pop-up and click on Validate Connection.