Accessibility widget for Ghost

Ghost is built for writing and reading, so the experience of the text itself matters more than almost anything. ClearPath lets readers change font size, spacing, contrast, and reading guides so a long post works for them, whatever their eyesight or reading style.

Ghost has a built-in Code injection feature made for exactly this kind of snippet. You paste the ClearPath script once in the site footer field and it loads on every post and page, with no theme editing and no need to touch Handlebars templates.

How to add ClearPath to Ghost

  1. In Ghost Admin, open Settings and find the Code injection section (under Advanced in newer versions).
  2. Paste the ClearPath snippet into the Site Footer box rather than Site Header, so it loads after your content.
  3. Click Save, then open your public site and refresh to confirm the widget button appears.

Where Ghost sites usually fail

  • Ghost themes like Casper and its forks often render the post header image as a CSS background rather than an img tag, so screen reader users get no alt text at all for the featured image that sits above every article.
  • The default Ghost search (Sodo Search) opens as a modal that traps focus visually but doesn't always return keyboard focus to the triggering element when closed, which leaves keyboard users stranded or forced to tab from the top of the page again.
  • Member-only content gates, the paywall card that cuts off a post partway through, frequently render as plain divs with a sign-up button that has no accessible label beyond "Continue reading," so it's unclear from context what a screen reader user is being asked to continue toward.
  • Code injection snippets pasted into the site header for newsletter signup forms or embeds often skip label associations, so a Ghost site can end up with a subscribe form field that has a placeholder but no real label for assistive tech.

Why Ghost sites choose ClearPath

  • Code injection applies the widget to your entire publication, so every post and page gets it from one paste.
  • Readers can turn on reading guides and larger text, which suits long-form Ghost content well.
  • The snippet stays in place when you switch Ghost themes, because Code injection is separate from the theme.
  • The auto-generated accessibility statement is produced in your site's language from a live scan.

Questions

Header or footer injection, which should I use?

Use the Site Footer box. The ClearPath snippet uses defer, so placing it in the footer lets your content load first and keeps the reading experience quick.

Does this work on the free Ghost tier and self-hosted Ghost?

Code injection is available in standard Ghost, including self-hosted installs. As long as you can reach the Code injection settings, the snippet will load.

Is my site compliant once the widget is live?

No. ClearPath gives Ghost readers 25 adjustment tools, 8 disability profiles, and 14 languages, and it generates an accessibility statement from a live scan of your site. That's real and it helps real visitors. But it runs as a script through Code injection, it doesn't rewrite your theme's Handlebars templates, fix a background-image header that has no alt text, or add proper labels to a paywall button or newsletter form your theme built without them. Those are markup fixes that live in the theme files, not something a footer snippet can reach. No widget, on Ghost or anywhere else, makes a site compliant by itself.