1. Home
  2. Full Walkthrough
  3. Full Walkthrough: How to Make Your Website ADA Compliant In Only 3 Steps (WordPress)

Full Walkthrough: How to Make Your Website ADA Compliant In Only 3 Steps (WordPress)

In this article, we’ll show you how to make your website ADA compliant in just 3 simple steps in WordPress.

Let’s begin with the first step,

Step 1: Login to ADA Bundle Dashboard

Once you’re in, the screen should look like the one below. Go ahead and click on Widgets


On the next screen, Click on Add Website

Go ahead and add your website as shown below

Great. Let’s go ahead and configure the website we’ve just added. Click on Settings

Adabundle has six different customizations you can add to your website. The features are as follows:

  1. General
  2. Accessibility Mode
  3. Widget Button
  4. Readable Experience
  5. Visual Pleasing Experience
  6. Easy Orientation.

Features Explained

In the General setting, you will be able to add your accessibility statement link either as an External URL or a Custom Text. You can a  custom trigger that replaces the original menu button and allows you to fix the position of the accessibility menu trigger to any element on your website. The general setting also gives you the ability to add sound effects, a custom address, and even your own logo. You can even animate the Adabundle widget and change how it shows up on your website.

Accessibility Mode: This feature gives you the ability to change the contrast from low to high, change background, text, and title color.

Widget Button: Here you can set the Adabundle button position(where you want it to appear on your website, top left, top right, bottom right and let etc). And you can change the button size and color as well as add animation to it too.

Readable Experience: This feature allows you to play with Content scaling, Readability font, Dyslexia Friendly, Highlight titles & links, Text magnifier, Font sizing, Line weight & Letter spacing, Text alignment.

Visual Pleasing Experience: This has to do with the different modes in Adabundle you can set which include: Epilepsy safe mode, Cognitive Disability Mode, ADHD Friendly Mode, Blindness Mode, Visually Impaired Mode.

Easy Orientation: The features here include Mute sounds, Hide images, Virtual keyboards, Stop animations, Highlight hover & focus, Big black & white cursor, Reading guide, Keyboard navigation, Reading mask, and Text to speech.

All you need to do for each of the features is to enable or disable them and click on save widget. Once you’re done with the setting, move to step two.


Step 2: Copy Script

Go to the top of the page and click on Embed Script then click on Copy Script. Open up a notepad and save the copied script for later use.

Step 3: Install Script on Your WordPress Website

To add the script to your WordPress website, you need to install a header and footer plugin. I will recommend you use Header Footer Code Manager, as it is very simple to use.

To install the plugin, login to your WordPress Site Admin

Click on Plugins >Add New > Go to the search box and Type “Header Footer Code Manager”

Install and activate the plugin

After activating the plugin, go to the left pane of your WordPress dashboard and locate the plugin.

It will appear as HFCM.

Click on it and then click on Add New, your screen should look like this below

Updated on June 11, 2021

Was this article helpful?

Related Articles