How to add an accessibility widget to a Ghost website
Welcome to AccessiYes! This guide walks you through adding the accessibility widget to your Ghost website. Before you begin: Steps to add the accessibility…
Updated
Before you begin:
- Get your free widget script from AccessiYes. No signup is required.
- New to the embed script? See the JavaScript embed quick start guide for how it works.
- You’ll need Administrator access to your Ghost site. These steps work for Ghost(Pro) and self-hosted Ghost.
Steps to add the accessibility widget on Ghost
Step 1: Head to Code injection
In Ghost Admin, click the Settings icon at the bottom of the left sidebar. Scroll to the Advanced section and open Code injection.
Step 2: Paste your script
Paste your AccessiYes script into the Site header field. Code added here loads on every page of your site.
Step 3: Save
Click Save to apply the change to your live site.
Step 4: Verify
Open your Ghost website in a new browser tab. The accessibility icon should appear in the position you chose when generating your script.
A widget on its own does not make a site fully legally compliant. Treat it as one part of a wider accessibility effort that includes a WCAG-focused review of your template and content.