ADA Compliance Checklist for Websites 2020

Disabled Person Touching a PC Monitor

If you need our services to get your website ADA compliant, here is a quick ADA compliant website checklist of main compliance items that our developers will work on while they update your website.
Please fill out our contact form to speak to one of the members of our team about doing a free review of your ADA exposure. Most ADA cleanup projects will cost between $1,000 and $2,000. To be clear, we are not guaranteeing to be 100% ADA compliant website at this lower budget. But if we can clear off all the items on the list below, you are definitely doing a much better job helping people with disabilities to access your website.

Website Coding Items

1.       Document Language attributes should be added in the website header file to tell the screen reading software what language to read.

2.       Alt tags provide a text description for images (photos, vector graphics and icons) that helps a visually impaired person (who cannot see the graphic) know what the graphic is trying to portray.

3.     Headings such as page titles, H1, H2 and H3 heading tags (used for headlines and subheadlines) need to be nested correctly. Page headings should follow a logical sequence:

<h1>should hold</h1>
<h2>which should hold</h2>
<h3>, and so on. If WAVE detects a skipped heading level, it might mean the code goes from a</h3>
<h1> to an </h1>
<h3> or an </h3>
<h2>to anBest practices: Use one top-level heading

<h1>, and below that, you may choose to include multiple</h1>
<h2>. If there are even smaller headings within the sub-sections, go to

<h3>. If no heading level is skipped, you beat the game..

4.       ARIA landmarks can be set for ARIA readers to identify header, footer, sidebar, and page content.

5.       Skip to the main content enables people with screen readers to “jump” right to the main content of the page (and thus skip the nav menus).

6.       Tabbing Through the Page ensures all elements can be accessed by using the tab key on a keyboard.

7.       Missing Form Labels can impact the ability of a person with disabilities to enter information into a website. Each form should have a label associated with it to describe what information the user is being asked to fill in (“First Name” or “Phone Number,”). Screen reading software treats these labels like alt text attributes. An example of a compliant form is having a  a
Content Adjustments

8.       Navigation menus allow people to access each page of your site. Use breadcrumbs so visitors can figure out where they are inside your website and how to access other pages. Avoid having orphaned pages that have no parent pages in your site hierarchy.

9.       Links and Anchor Text describe each link. You can leave off a description when the anchor text is is clear. Links such as “Click Here” should have description tags. Descriptive anchor text is a good solution for ADA purposes.

10.   Video files should have captions and transcriptions.

11.   Audio Files and audio clips should include links to related transcriptions.

12.   Documents like PDF files should have HTML or text versions of the content inside those files. The native PDF files should also meet ADA requirements.

Technology Configurations

13.   Plug-ins related to your WordPress site should be tested to make sure they are ADA compliant.

14.   ADA Plugins like UserWay must be configured to be compatible with your site coding.

15.   Text Adjustment Controls enable a person to enlarge text or change font colors to be more readable (in case there is light colored text on a light screen or smaller fonts that are hard to read)