Skip to content

WordPress and CMS

Paste one script before the closing body tag: WordPress, Shopify, Webflow, Wix, PHP or Django templates.

On this page
Packageopen-accessibility-widget(opens in a new tab)

Install

<script src="https://cdn.jsdelivr.net/npm/open-accessibility-widget@1.4.1/dist/open-accessibility-widget.global.js"
        integrity="sha384-dO9rT4vwimvvXQt0APugeYB/UVAs+WxY4DskABQA/kETXVreihc0vfYY0S0lSW9G" crossorigin="anonymous"></script>

Usage

Footer
<!-- Paste before </body>: theme footer, "custom code" or a header/footer plugin -->
<script src="https://cdn.jsdelivr.net/npm/open-accessibility-widget@1.4.1/dist/open-accessibility-widget.global.js"
        integrity="sha384-dO9rT4vwimvvXQt0APugeYB/UVAs+WxY4DskABQA/kETXVreihc0vfYY0S0lSW9G" crossorigin="anonymous"></script>
<script>
  A11yWidget.init({ position: "right", statementUrl: "/accessibility" });
</script>

Notes

  • Use your theme's footer, a header-and-footer plugin, or your CMS's “custom code” setting.
  • Keep the integrity attribute: the browser refuses the file if the CDN ever serves anything else.
  • To theme it without JavaScript, set its CSS variables (see the guide on colors).

Accessibility statement

Pass statementUrl to link your accessibility statement from the panel's footer.

Edit this page on GitHub