Table of Contents
Get UserWay’s Accessibility Widget code for your Dreamweaver website, free!
Quickly strengthen the accessibility of your Dreamweaver website by installing UserWay’s Accessibility Widget, which works perfectly, out-of-the-box, on any website built with Dreamweaver.
UserWay’s Accessibility Widget immediately helps strengthen any weak points and accessibility hurdles on your Dreamweaver 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 Dreamweaver 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 or follow detailed instructions in the lower section of our blog which provides a step-by-step guide on how to set up UserWay’s Accessibility Widget on your Dreamweaver website in less than two minutes.
You must follow all these steps to get the code snippet that you will later paste on your site. Some steps are customization options that you can actually skip and go through later.
How to Install the UserWay’s Widget
The most important preparatory step is to visit userway.org and select “Start a free trial”! From there we move forward to the installation.
Step 1: Sign Up
You can sign up with Google or fill in your work email and website URL. The following step will appear on your screen by clicking on the ‘Next’ button.
Step 2: Choose the Plan
What works best for you? You can customize your free light widget. We call this user-triggered enhancement. You can also choose our robust AI-powered accessibility widget, the path to full ADA and WCAG compliance for your site, starting at $49/month. With the full widget, you’ll fill in your payment details and click on the green button to “Pay Securely”.
If you choose full ADA and WCAG compliant package, enter your payment details. Then click on ‘Next’ to step number three.
Step 3: Get the Script
This little code snippet can easily be dropped into the back-end code on your site. We also call this code a script. You’ll see a small block of text that starts with angle brackets and the word “script”. We’ve also just emailed this script to you. If you want to skip mentioned steps you can access the UserWay widget from the link: https://userway.org/get. Now you can click on ‘Copy.’ Go to Dreamweaver and install the widget. But first, configure the UserWay widget by clicking on ‘Configure.’
In case you need assistance type in you can directly email your admin or agency. Then you can proceed with configuring the UserWay widget by clicking on ‘Configure.’
Step 4: Choose the Icon
This leads to step three which is the step where you choose the icon that you want to display.
Step 5: Select the Size
From here you move on to select the size. Disclaimer: Size will differ on the mobile devices and appear smaller, no matter the size you choose.
Step 6: Pick the Color of Your Button
Next, you can pick the color of your button with this color picker.
Step 7: Select the Position of the Button
This is followed by selecting the position by clicking over the one you prefer. There are eight different positions.
Step 8: Language Settings
Step seven deals with language. If you want the widget to automatically detect the language of your visitors, then you should leave this default option to auto-detect language. If you want to force the widget to display in a specific language, then select your preferred language.
Step 9: Accessibility Statement
The next step is to set an accessibility statement leaving the “No”‘ option selected. Following the statement, you can add advanced custom options for this widget, choose the ‘I’d like to learn more’ option or more information.
Add the address of your site`s accessibility statement.
Step 10: Access the Widget
You are all set! Then, switch over to the Dreamweaver website.
When you go to your site in Dreamweaver paste the UserWay code into all the HTML files. As you can run the UserWay widget on multiple sites, you may want to save this code snippet so you can use it across all your Dreamweaver sites. If you cannot see your snippets tab, then go to “Window” and click on “Snippets.” Go back to the tab and create a new snippet. Click on the icon and name it. Then click on “Insert block “, paste the code and click on “Okay.” There’s your code snippet, and you can use it across all our sites. Also, you can open the About HTML page, and to paste this code let’s scroll all the way down until you find the body closing tag. Click wherever you want to paste the code right above the body closing tag. Go back to “Snippets”, and you should see the UserWay widget. Double click and the code has been pasted. After this, you should go to another page and find the “Files tab” and open another page. Open “contact.html” scroll all the way down until you find a body closing tag. Place your mouse wherever you want to paste the code and click. Now you want to go back to the “Snippets” tab double click over the UserWay widget. Code has been pasted and there’s our widget. Go back to Files, you should paste the code right above the body closing tag on each one of the pages.
Remember to save your files and upload your site to make the changes effective. If the widget button is placed correctly on your Dreamweaver site, this means that you’ve done everything correctly. Also, there’s another way to verify the installation. Go back to userway.org and click on this button to verify again that the installation has been done correctly, or you just can skip it and get your accessibility statement. You will be able to see a template that we’re sharing with you. You can copy it, you can customize it add your own details, and bring it to your site.