• Home
  • blog
10

How to make your website accessible to people with disabilities [AccessiBe Review]

SEMrush

Is your website accessible to people with disabilities?

Has it ever occurred to you this was going to be a serious concern at some point?

As the Internet expands and penetrates all areas of live, with people increasingly depending on it for survival, there is growing need to make websites accessible to all people, regardless of disability type or severity of impairment – Web accessibility

But isn’t this (web accessibility) going to be a big pain in the back of website owners? Doesn’t this require spending huge sums of money? Is there any risk if I don’t give this any attention?

Ok let’s look at why you must have this done and how it’s dead simple to implement on your website in a matter of minutes using a tool called AccessiBe

Why your website must be accessible

There are two main reasons you should worry about your website’s accessibility:

  1. Compliance with the Web Content Accessibility Guidelines (WCAG) 2.1, Americans with Disabilities Act (ADA), Section 508 and other worldwide legislation. This decreases your chances of having any related lawsuit.
  2. Potential increase in website audience: Many more people with different types of levels of disabilities constantly access the web. Providing a facility for them to browse your sites gives you an edge over your competitors.

How AccessiBe makes your website accessible without  the high cost

Generally, there are three things that characterize accessible websites:

  1. High cost
  2. Ugliness
  3. Complex implementation

This is where AccessiBe, the AI-Powered web accessibility solution comes in to streamline the complex and costly process of making websites accessible and make it automatic, simple and affordable to any business.

The platform is a bundle of tools to make your website available to people with different types of disabilities.

Three reasons I choose and recommend AccessiBe:

  1. Ongoing compliance: This is one of the reasons this tool is the choice of many content marketers and webmasters. It will scan and analyze your website every 24 hours. By doing this, it ensures that any new content you publish, widgets, or pages are also adapted and thereby compliant with the WCAG 2.1 and ADA standards.
  2. Easy and fast implementation: One of the things I found out is the ease and time it takes to install and setup the platform.  With no technical skills required, anyone with basic computer knowledge can get this running setup within minutes. However, it will require 48 hours (without you having to do anything further) for the tool to scans, analyzes and solves accessibility
    compliance gaps on your website.
  3. Price: Because AccessiBe uses AI (Artificial Intelligence) and is fully automated to make your website accessible, this has a huge impact on price, ranging between  $490/year per website under 1,000 pages and $1,490/year per website under 100,000 pages. This means accessible websites are longer the luxury of big corporations and Governments.

Web Accessibility – Installing AccessiBe on your Website

Installing the AccessiBe script on your website is with ease. This start with you creating your account and adding your domain to the platform.

AccessiBe script works on the client side and is not dependent on the server or the server-side language on which your site is built on – NET, Java, Python, NODE.JS,  PHP, ETC

All you need is a simple JavaScript. Click here to create a free trial account and add a website or more.

web accessibility

The next step is to click “</> Installation” and generate the JavaScript to paste on the footer section of your site. There are two methods here:

getting accessibe script

  1. Quick & Basic installation: Simple JavaScript code to copy and paste. No changes needed. This gives you the default settings of the accessibility panel.
  2. Advanced & Customized Installation: This options allows you to customize the interface. It allows you to choose colors, icons, sizes, language, position, etc, and set the panel to fit your design.

Installing AccessiBe on WordPress

If your website is powered by WordPress, I’m going to give you quick guide how to make it accessible within the next few minutes.

First, make sure your account is created and your website added to the platform. Since you do not have the access to edit any html files on your WordPress website, we are going to look for means to insert the AccessiBe Javascript at the footer section of your site.

1 – Dealing with your Premium WordPress Themes

Some Premium WordPress themes have tools for you to add custom script to the header and footer sections of your website. This is the case with my Thrive Focus theme:

accessibe for wordpress

You will have to find out from your theme’s documentation where it’s possible to add scripts to the footer or before </blody> tag of all pages on your blog.

If your theme doesn’t have that feature, then you’ll have to go with the next option.

2 – Using a simple plugin for AccessiBe Web Accessibility

This means you’re going to add another plugin to your WordPress website. This will allow you get the Javascript to the footer area of your website.

Go to Plugins -> Add New

In the “Search Plugin” field, type in the name of the plugin which is “Insert Header and Footer

web accessibility for wordpress

Once the plugin comes up on the list, click ‘Install Now” and then “Activate“. Make sure there are no issues with installing the new plugin. Test your site to make sure it’s running smoothly.

Let’s now go to the plugin page and add the AccessiBe Java Script.

Go to Settings -> Insert Header and Footer

This will bring you to the following page:

paste script in WordPress

Make sure you copy the script and paste in the “Scripts in Footer” box and no where else. Click to save and clear any cache for the immediate action.

After installation, the accessibility interface will solve 30% of the ADA and WCAG 2.1 requirements
immediately. This includes mostly User Interface (UI) and design features: sizing, colors and spacing.

The tool will continue running at the background to get the 70% solved within 48 hours, making your website accessible by screen readers (for the blind)  and the keyboard (for the motor impaired).

Installing AccessiBe on other Content Management Systems (CMS)

If you have a website that isn’t powered by WordPress, do no panic.

For Joomla installation instructions, click here. If your website is Wix, click here. Shopify website owners should click here for more instructions and Volusion users click here. If you still don’t know how to handle your platform, click here for more instructions.

Conclusion

Web accessibility isn’t an option any longer if you want more eyeballs on your website and at the same time avoid running into any lawsuit. The high cost has been dealt with. The complexity in implementation eliminated.

Let me know in the comment box why you think your website shouldn’t be accessible even after you have read this post.

SEMrush

Enstine Muki
 

Blogging Coach, Certified Cryptocurrency Expert and Serial Entrepreneur

Click Here to Leave a Comment Below 10 comments
VilasPatil

Hi Enstine,

Very nice to see the information can be brought to Disable people with technology.
A great thought from you.And a well written blog on Website access for Disable people.
VilasPatil recently posted…Best Badminton Rackets for Casual Beginners under 1000My Profile

Reply
Ritesh

So happy to see this so helpful and valuable.
thank you so much for this valuable information

Reply
Moss Clement

Hi Enstine,

You have awakened me from slumber. It never crossed my mind that the disabled, such as the blind ones among are also searching for information on the web and visiting our sites. I have saved this post to Pocket for later reading. Thanks a lot!

Reply
Tom

Thank you so much for writing about this topic. Being a totally blind person, I have to deal with this problem daily. Often I don’t use the sites I would like to, but the ones which work well with my screen reader. There are so many misconceptions around accessibility. The reality is, a little work goes a long way. Accessibility doesn’t have to mean lesser design or functionality. And as you said, if for nothing else, it allows a much wider audience to interact with your site.

Reply
    Enstine Muki

    Hey Tom,
    Thanks again for showing up and sharing your experience.
    I’d like to have you featured so you share more about how you handle these challenges from your end

    do have a wonderful weekend Tom
    Twitter:

    Reply
shaqib malik

This post is really helpful to me. I never thought about allowing my blog accessible to people with disabilities. Thanx for the article. And Plz keep updating that type of post. Thanx once again.

Reply
Taylor Coates

Hey Enstine,

I love to read your post and I am very much excited to implement above suggested steps to make my website accessible to people with disabilities. I hope it works well for me too.

Thanks for sharing
Taylor Coates recently posted…Top Articles to Learn iOS ProgrammingMy Profile

Reply
Promax

i never heard of allowing one`s blog access to people with disabilities. you`ve put a light on a great insight.
thumbs up for you

Reply
Oworock

Thank you for this post, as a special educator and also a web designer, this your post have really be of help to me. Thanks

Reply
Aderemi Dare

Hi Enstine,

I never thought about allowing my blog accessible to people with disabilities. Great insight from you as usual.

Thanks for the content.

Reply

Leave a Reply:

CommentLuv badge

This blog uses premium CommentLuv which allows you to put your keywords with your name if you have had 3 approved comments. Use your real name and then @ your keywords (maximum of 3)