Please ensure Javascript is enabled for purposes of website accessibility
 

ADA Website Compliance

As a Wix Website Designer, I work with clients to make their websites more accessible. There are many ways to ensure your website is ADA compliant, whether on Wix or any other platform such as Wordpress, Shopify, Squarespace, etc. Here are my top tips for making sure your website has ADA Compliance:


  1. Design for all Devices Make sure the website works well across all devices (computers, tablets, phones)

  2. Good Navigation and Usability Make sure your website is easy to navigate. Have clear, large-enough-to-read menus, include your contact information in the upper right, use boxes/buttons or slides to link users to the most common pages.

  3. Allow users to change Size and Color of fonts Tools like UserWay's free widget allow users to adjust spacing, size, color and fonts on websites for easier reading.

  4. Use Contrast Use high contrast in your designs with text – black text on white backgrounds is most legible, avoid putting text over images unless there is plenty of contrast. Using tools like UserWay's free widget will allow users to increase contrast if desired.

  5. Identify Images with Alt Text and Titles Make sure your images have good filenames, titles/alt text to tell users and search engines what is in the image. This tip also helps with SEO, so if you have optimized your website for SEO, this image text should already be in place.

  6. Use Captioning in Videos If you're using video, make sure you can incorporate captions, or, even better, write about and add the dialogue and text from the videos below the videos so that users can choose to read or watch the video, or both.

ADA Compliant Websites

Last Tip:

Use a ADA Compliance website tool such as UserWay's free widget that allows you to quickly add a ADA toolbar that expands to allow users to select what they need to better view the site. Options include adjusting Contrast, Highlighting Links, Bigger Text, Text Spacing, Pause Animations, Dyslexia Friendly, Enlarge Cursor, Tooltips, Line Height, and Text Align. Here is where you can Get the Free Widget (or paid upgrade) from UserWay: userway.org/compare I just started using UserWay's free widget for my websites and client websites, there is also a paid version that allows for more in-depth WCAG compliance options. I will update this post as I have more experience and feedback on the widget, I am not paid to endorse UserWay, I just have found that their widget makes it easy to step up the ADA compliance on websites and it works very nicely on Wix websites.

Installing UserWay on Wix:

See the video below on how to set up your free UserWay widget and install it on Wix.

Note: Her Wix directions above say to find the Custom Code under Settings in the Wix Editor, but the Tracking & Analytics menu option is no longer available in my Wix Editor Settings dropdown, Wix must have moved it. So, I was able to find the Custom Code in my main Wix Website Dashboard under Settings > scroll down to Advanced to find Custom Code.

 

Accessibility Statement:

Another good ADA tool I've found is this Accessibility Statement Generator to quickly create a statement to add to your website: www.w3.org/WAI/planning/statements/

 

Of course, ADA compliance is a complicated ongoing process - and these are just general tips above. Read on below for more detailed information:

What is ADA?

The Americans with Disabilities Act (ADA) requires certain businesses to make accommodations for people with disabilities. Web content should be accessible to blind users, deaf users and those who must navigate by voice, screen readers or other assistive technologies.

Website Accessibility Checklist

Source: ada.gov/pcatoolkit/chap5chklist.htm

(Note: This is the list from Sept 27, 2021, be sure to check the above website for more up-to-date versions of this checklist over time.)

PURPOSE OF THIS CHECKLIST: This checklist is designed for use in conducting a preliminary assessment of the accessibility of your agency’s website. The goal is to review your website and your agency’s website policies and procedures and see if there are red flags alerting you to ADA accessibility concerns.

MATERIALS AND INFORMATION NEEDED: To assess the accessibility of your website you will need: