Home / Website Design / Make Your Website ADA Compliant

Make Your Website ADA Compliant

Infographic about ADA compliance and website design


Is Your Website ADA Compliant? Should it Be?

Get a FREE ADA Evaluation Now!

The Americans with Disabilities Act (ADA) was introduced in 1990 to help the nearly 50 million Americans who live with a disability. Webstix has been active in making sure that our clients who request ADA compliant websites conform to the industry standards set by WCAG 2.0 – Web Content Accessibility Guidelines, so that people with disabilities can navigate through websites we design.

The goal of ADA compliance is to create the website in such a manner that a person with epilepsy, for example, can use the website without risk of seizure. Or, as another example, a vision-impaired person using a screen reader (or screen reader browser plugins like ChromeVox) can order their groceries or access their bank account. The goal of ADA Compliance is fairness and bringing to the Web the same inclusiveness that can be found in brick-and-mortar establishments that also comply with the ADA.

The World Wide Web Consortium (W3C) administers the WCAG and serves as the arbiter of the Internet. WCAG 2.0 Compliance comes in three levels (less compliant to more compliant / easiest to hardest):

  • A
  • AA
  • AAA

Important Note: WCAG AAA compliance relates 100% with Section 508, which severely impacts design, performance and look / feel. The Department of Justice (DOJ) has admitted that 508 compliance (AAA) is not practical, which is why A and AA are the acceptable standards.

Understanding Level A & AA WCAG Compliance

The World Wide Web Consortium (W3C) breaks it down into four different types for changes, known as POUR:

  • Perceivable
  • Operable
  • Understandable
  • Robust

Perceivable: Information and user interface components must be presentable to users in ways they can perceive (e.g. have alt image attributes that say what the image actually does, like “Submit Form Button” or “Girl with a puppy.”)

Operable: User interface components and navigation must be operable (e.g. you must be able to navigate the site using a keyboard as well as a mouse).

Understandable: Information and the operation of user interface must be understandable, (e.g. error messaging on a form should make sense; instead of “Invalid field” messaging, use ‘The Email field must be in using a valid email format’).

Robust: Content must be robust enough so it can be interpreted reliably by a wide variety of user agents, including assistive technologies. In other words, don’t use tags or code that only certain browsers understand.

ADA Compliance Website Steps/Guide

Here are the steps we follow to assess the level of compliance on your website:

  • Your website title should be unique, brief and should describe the content of the page.
  • Content should be organized and readable - there should be at least one heading tag or strong tag in every page of the website.
  • Heading tags should come in an order.
    • For instance: A page with headings listed in order as: h2, h1, h3 is not acceptable.
  • Text that looks like a heading should be marked up as a heading and it should be relevant to that content.
  • Form controls and drop-down lists should be keyboard accessible (we do keyboard checks for all forms).
  • Some people find it hard to read text if there is no sufficient contrast between the text and background.
  • For instance: A gray text on a light background.
  • We make sure web pages have a contrast ratio of at least 4.5:1 for normal-size text.
  • Text should be readable if resized.
  • Alt text will be added for any multimedia, images or videos.
  • Redundant text links shall be provided for each active region of a server-side image map.
  • Frames shall be titled with text that facilitates frame identification and navigation.
  • When a timed response is required, the user shall be alerted and given sufficient time to indicate more time is required.
  • When pages utilize scripting languages to display content, or to create interface elements, the information provided by the script shall be identified with functional text that can be read by assistive technology.
  • Web pages shall be designed in such a way that all information conveyed with color is also available without color.

After this work is done, you will need to follow these standards in order to keep your website ADA compliant.

Do Websites Have to be ADA Compliant? Why Do It?

1. SEO Reasons

Making your website appeal to more people gets you more traffic. Google measures nearly everything about websites and they're trying to sort out each website and rank them, so why wouldn't a website that's more accessible rank better?

Google has already come out and said details like page speed and being secure (SSL) help websites rank better. They've come out with other, such boost factors before, too. Why wouldn't Google be looking at this now? You can bet it's on their list and it's just a matter of time before they announce every website needs to be ADA compliant. It only makes sense and we suspect they're taking this into consideration already, so this is a HUGE opportunity to get ahead of your competition now.

A website that's easier to use will just naturally rise to the top and that's the main thing ADA website compliance does. Your website will be following WGAC guidelines, which will allow everyone to navigation your website more easily. This kind of website setup will also lead to more conversions and sales.

2. Show That You Care

Having an ADA compliance website just shows your customers that you care because you want your website to be more accessible. Whether people need this level of accessibility or not, they probably know someone who does, so taking this step gives you loads of goodwill and favor.

Once your website is ADA compliant, brag about it. We can put a badge on your website showing it's ADA compliant and this is something you can certainly post on social media regularly.

3. Legal Reasons

Your website might look nice and be easy to use but it's possible you could receive a threatening letter from a lawyer with an ADA (Americans with Disabilities Act) claim against your company/website. They might try to say that if your website is connected with a physical (retail) location, then ADA applies.

If your company/organization does work in an industry where you need to be absolutely sure you're ADA compliant at your physical location, then it might be a good idea to make sure your website is also ADA compliant. By doing it now, you an avoid penalties and legal action.ADA.gov - US Dept of Justice - Civil Rights Division

Title III of the ADA mandates that all “places of public accommodation” are required by law to remove all “access barriers” that might inhibit someone with disabilities from accessing the goods or services of the business.

We're not lawyers, so if you're concerned about this, you should seek legal counsel regarding this issue.

There is a safe harbor clause that protects your content as it is if it was published before January 18, 2018 but if you alter any content after that date (which has passed already), then you could be liable for making sure that content is ADA compliant. This is a clear sign that mandatory ADA compliance IS coming eventually.

As a side note, all government websites have set level AA of ADA compliance as their accessibility standard.

Are All Webstix Websites ADA Compliant?

Only clients that request that their website is ADA Compliance website will end up with websites that are compliant when delivered. This extra work must be itemized in their project proposal. Just because we created a website does not mean it's automatically ADA Compliance website. We must also agree on which level of ADA Compliance Website they wish to achieve.

If you need this done with your website redesign project, please do let us know.

ADA Compliance Tools

Webstix will use the following validation tools for the ADA Compliance:

NOTE: Webstix will use these tools to verify ADA compliance. However, if you have a preference for a different verification tool, please let us know.

Get Your Website ADA Compliant / Get a Report

ADA Compliant WebsiteGive your website every possible advantage over your competition and make sure your website works well for people with disabilities.

Protect your company from getting sued for not being ADA Compliant by getting all the issues taken care of.

If you are a Webstix client or not and want your website ADA Compliant, we can help you get in compliance.

Some websites need a relatively few amount of updates while some websites need more work. For some websites, it might even be better to start over and do a redesign - we can help with that if that's the case. If we can do this work without a redesign, we certainly will. You've already invested in your website and we understand that putting more resources into it might not be something you were expecting.

Contact Webstix to find out more about pricing and helpful information today. We can provide a report on what needs to be done along with a quote to get that work done.

Webstix Creates ADA Compliance Websites Per Standards Set by WCAG 2.0

Webstix creates ADA compliant websites per standards set by WCAG 2.0 (Web Content Accessibility Guidelines) so that people with disabilities can easily navigate the websites we design. Website owners can also avoid getting sued when their website is ADA compliant. Get your website ADA compliant with Webstix today!

Website Financing Options Available

Webstix in Madison, WI
2820 Walton Commons Ln.
Suite 108
Madison, WI 53718
608-277-7849 608-661-8529
magnifier linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram