UserWay Logo UserWay Logo Mobile
Feature image UserWay's Accessibility Widget Installation Guide for HTML/CSS

Get UserWay’s Accessibility Widget code for your HTML/CSS site, free!

Start Free Trial

Quickly strengthen the accessibility of your website by installing UserWay’s Accessibility Widget, which works perfectly, out-of-the-box, on any website built with plain vanilla HTML/JS/CSS.

UserWay’s Accessibility Widget immediately helps strengthen any weak points and accessibility hurdles on your site. UserWay works flawlessly on both purchased and premade templates as well as your own hand-crafted templates and designs.

Installing UserWay’s Accessibility Widget for your portfolio of sites is free, regardless of how many sites you manage or the number of pages each of your sites contains.

Enjoy an immediate accessibility boost and provide powerful site enhancements for your users while helping to fend off potential lawsuits and legal claims related to accessibility, ADA, Section 508 and other violations rooted in code that’s non-compliant with WCAG 2.1 AA requirements.

Take a look at the installation video below, which provides a step-by-step guide on how to set up UserWay’s Accessibility Widget on your website in less than two minutes.

Take a look at the installation video, which provides a step-by-step guide on how to set up UserWay’s Accessibility Widget on your website with HTML/CSS in less than two minutes.

How to Install UserWay’s Widget

Step 1: Register Your Site

As usual, the first thing you need to do is register your site at userway.org, at the top right of the page.

Step 1: Register Your Site

Complete all the listed steps until you get your unique code snippet. You can find a detailed tutorial on how to get your unique code snippet here.

Step 1: Log in
Step 2 Choose the plan

 

Add Payment details step in installation guide
Step 4 Get the script
Copy your code snippet to your clipboard or save it to a text file. It is just text. We’ve also sent you a welcome email with this code. If you have already registered for a previous site, you can add your new site to your list, and it will use the same code.

Step 2: Sign In to Your UserWay Dashboard at userway.org.

Sign in using your credentials.

Step 2: Sign In to Your UserWay Dashboard at userway.org.

 

 

Step 5: Log in

Step 3: Find the “My Embed Script” Option

Go to the top menu, find “My embed script” and copy the script or code that you’ll see there. This script is actually your unique code.

Step 3: Find the "My Embed Script" Option

Trouble finding your sign-in? You’ll see sign-in credentials in the welcome email as well. Grab your unique code snippet and let’s go.

Sign-in credentials sent in an email

Step 4: Open the Root Folder

Now, open the root folder of your site using a plain text editor such as Notepad, Sublime or Atom.

Step 4: Open the Root Folder

Step 5: Find the Body Closing Tag

You will need to place your unique code on all your HTML files to make the widget appear everywhere on your site. Open the first HTML file by clicking on the file name.

Step 5: Find the Body Closing Tag

Scroll all the way down until you find the body closing tag. Place the cursor right above the tag and click enter several times to make some space on top of it.

Add space on your body close taf

Step 6: Paste Your Code

Now paste your code using ctrl+v or cmd+v on your keyboard.

Step 6: Paste Your Code

You can also access this command on the top menu under “Edit”. Once your unique code is pasted to your HTML file, save it by clicking ctrl+s or cmd+s on your keyboard.

 Save your unique code to your HTML file by clicking ctrl+s or cmd+s on your keyboard.

Also, you can select this command in the top menu under “Edit” and then “Save”. Repeat these steps with the rest of your HTML files. Preview your site to make sure you have installed the widget correctly.

Preview your changes

Remember to upload your site to your server using the File Transfer protocol to make your changes effective.