How to add an accessibility widget to a Blogger website

Welcome to AccessiYes! This guide walks you through adding the accessibility widget to your Blogger website. Before you begin: Steps to add the accessibility…

Updated

Before you begin:

Steps to add the accessibility widget on Blogger

Step 1: Head to Edit HTML

In your Blogger dashboard, select Theme. Click the dropdown arrow next to Customize and select Edit HTML.

Blogger Theme page with the Customize dropdown open and Edit HTML selected

Step 2: Paste your script

Find the closing </head> tag in the theme code and paste your AccessiYes script directly above it. Pressing Ctrl+F (or Cmd+F on Mac) inside the editor helps you find the tag quickly.

Blogger theme code editor with the AccessiYes script pasted directly above the closing head tag

Step 3: Save

Click the Save icon in the top right corner of the editor.

Step 4: Verify

Open your blog in a new browser tab. The accessibility icon should appear in the position you chose when generating your script.

Published Blogger blog with the AccessiYes accessibility widget in the right corner

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.

See also

Next: Customize your widget settings