ADA Website Accessibility Guide

Your website visitors are just as diverse as the community you serve and to deny them access to the content on your webpage is the same as not providing them access to your physical location.

July 21, 2020


Your website visitors are just as diverse as the community you serve and to deny them access to the content on your webpage is the same as not providing them access to your physical location. When the Americans with Disabilities Act (ADA) was first put forward the internet was just coming to the mainstream, now those same protections for those with disabilities are being enforced across the digital landscape. Along with this new focus on the digital experience comes quite a bit of confusion. Not helping the confusion, courts have stated that even without comprehensive legal standards you are open to being sued and found liable if your website is not ADA compliant. Not to worry, there are some basic design standards that you can follow to reduce your risk and make sure your site is inclusive to all users.

Inclusive design means designing your site in a way that allows all users, disabled or not, to experience your site in a simple and straightforward way. Here are 5 ways that will make your website experience more accessible to all who use it:

1. ALT Tags

ALT tags are what a user is shown in place of a picture. Pictures are worth 1,000 words they say, but not to someone who is blind or has a vision impairment. Users such as this use screen reading software to help them navigate the pages more easily. ALT tags help in this process by providing a brief description of what a picture is. This is the first step in making sure your site is ADA compliant, which will also increase your site’s Search Engine Optimization (SEO).

2. Digital Forms & Services

The majority of the recent ADA website lawsuits are focused on website forms, such as PDFs. Making PDFs accessible not only makes it easier for those with disabilities to access them but also makes them easier to use for your average user. Having forms and services available online will also cut costs, saving you time and money in the long run.

3. Audio & Video Transcripts

Many sites have started to include audio clips and video announcements and walkthroughs, which is a great way to gain attention, but can leave those with hearing and visual disabilities behind. To prevent them from being left out, add closed-captions to your videos. Even though the user may not be able to see or hear the video, they can still access the information just as easily as your other users. There is also a growing trend of watching videos with the sound off, another reason to provide closed captions with your videos.

4. Contrast

One design concept that tends to be overlooked is the background to text contrast. The background on your site and the text color you choose helps make the information easy to read. About 1 in 20 people are color-blind which makes seeing some colors harder than others do. Choosing colors that contrast well with each other not only makes your site look better but helps those with vision issues navigate your page easily.

5. Mobile-friendly

The majority of users today are coming to your site from some sort of mobile device. Making sure your site is mobile-friendly should be a requirement today. If your site is not optimized for mobile you are doing a disservice to over half of your visitors, not just those with disabilities.

These are just a few of the basic guidelines your website should follow to provide the best overall user experience to everyone. Remember, utilizing inclusive design tactics will not only make your site more accessible to your elderly and disabled users but your entire user base as well. As websites evolve, so do these guidelines. Just as a website from 2010 will not serve users with the experience they expect in 2019, so will become today’s websites in the near future. Until there are predefined legal standards, it is always best to consult with a web provider who is well versed in ADA website compliance, accessibility, and inclusive design.

It's time for a new school website, so let's get you started with a demo.

The demo will take no more than 30 minutes and during that time all of your questions will be answered.

Request a demo

Latest articles from the experts

trade school student working on homework at desk

Essentials of a Trade School Website

If you are considering a new web design for your trade school or redesigning your existing one, here are some essential concepts to make your website great.
Boy looking at laptop

5 Powerful Reasons to Use a School Web Design Company

We have 5 reasons why it's important to use a school web design company, and how you can grow your school with your website.
Little girl looking at online school on iPad

5 Reasons School Website Designers Are Important for 2022

We have 5 reasons the school website designers can make a difference for your school in 2022.

4 Essential Features of a School Website

Check out the 4 essential features of a school website. Learn the importance of web design for schools, and how you can achieve the ideal website for your school too.