ADA Compliance Checklist (WCAG)

Modified on Fri, 28 Mar at 10:57 AM

Enfoldsystems makes every effort to be ADA compliant. We are always working on the themes and
features. However a large part of being compliant is in the hands of the editor.

Ploud WCAG Compliance Document

Not all testing tools are a 100% accurate and false positives can be detected. So understand the testing software you are using. One such tool is a browser plug-in called Wave. Although not the best tool its free and can get you started.

Here are a couple of things you can run into that will break compliance

Carousels - Screen readers don't play well with read slides and often it will come out as gibberish. If you do chose to use a carousel test it with a screen reader.

Copy & Paste - Copying from such editors such as MS Word can brings in the formatting of the source document which MS translates into in-line CSS forcing the text to try to look like it did in Word. As an example text color could be set to red and would not be compliant.

* Indicates a local edit highlighting items that are not discoverable via current ADA testing software.

Every image, video file, audio file, plug-in, etc. has an alt tag
* Complex graphics are accompanied by detailed text descriptions
The alt descriptions describe the purpose of the objects
* If an image is also used as a link, make sure the alt tag describes the graphic and the link destination
* Decorative graphics with no other function have empty alt descriptions (alt= "")
Add captions to videos
Add audio descriptions
Create text transcript
Create a link to the video rather than embedding it into web pages
Add a link to the media player download
Add an additional link to the text transcript
The page should provide alternative links to the Image Map
The <area> tags must contain an alt attribute
Data tables have the column and row headers appropriately identified (using the <th> tag)
* Tables used strictly for layout purposes do NOT have header rows or columns
Table cells are associated with the appropriate headers (e.g. with the id, headers, scope and/or axis HTML attributes)
Make sure the page does not contain repeatedly flashing images
Check to make sure the page does not contain a strobe effect
A link is provided to a disability-accessible page where the plug-in can be downloaded
All Java applets, scripts and plug-ins (including Acrobat PDF files and PowerPoint files, etc.) and the content within them are accessible to assistive technologies, or else an alternative means of accessing equivalent content is provided
When form controls are text input fields use the LABEL element
When text is not available use the title attribute
Include any special instructions within field labels
Make sure that form fields are in a logical tab order
Include a "Skip Navigation" button to help those using text readers