PHP Scripts

WordPress Web Accessibility with the WP ADA Compliance Check Plugin

1 Site License

$150.00

20 Site License

$950.00

Unlimited License

$4,950.00


Comply with Section 508 and WCAG 2.0 LEVEL A/AA Web Accessibility Standards on your websites. This easy to use plugin evaluates pages for the most common issues as they are published. Run a complete scan of your website theme files, embeded iframes, css files, terms, widgets, shortcodes, custom fields, pages, media library images, posts and custom post types to identify issues. Review accessibility reports and easily correct issues. Also included are many time saving features such as the option to automatically convert absolute font sizes to relative, remove empty link and heading tags, add title attributes to read more links, convert the WordPress editor to use relative font sizes such as % or em, correct links set to open in a new window and add title attributes to iframe tags created by WordPress using the oembed feature. Refer to the FAQ below for a complete list of features.

This one of a kind WordPress web accessibility plugin evaluates content for the most common issues typically found on a website and provides references and instructions for resolving them when encountered.

As Web Accessibility standards evolve the plugin is continually updated to include the latest requirements.


FAQs

How do I install the WP ADA Compliance Plugin?

The WP ADA Compliance Check is very lightweight and easy to install:

  1. Upload the wp-ada-compliance folder to the `/wp-content/plugins/` directory  or install the plugin through the WordPress plugins screen directly using the upload option.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress.
  3. Go to Settings > Web Accessibility Settings and choose your options.
  4. All done!

To install updates, download the new plugin, extract the files and replace the files in the /wp-content/plugins/wp-ada-compliance folder.

What are the System/Server Requirements?
  • Linux/Unix, Apache webserver with MYSQL and PHP5 or PHP7 >
  • To use content filtering features such as auto correction of issues, Multibyte String Functions may need to be enabled in PHP
  • Tested on Wordpress 4.6 >
  • Wordpress cron configured to run hourly
Why use WP ADA Compliance Plugin?

It’s the law! In 1998, Congress amended the Rehabilitation Act of 1973 to require Federal agencies to make their electronic and information technology accessible to people with disabilities. This law applies to all Federal agencies, some state and local agencies as well as any entity creating websites for applicable agencies.

There is also a strong business case for accessibility. Studies show that accessible websites have better search results, reduced maintenance costs, and increased audience reach. All of which increases profit margin for a business.

What issues does the WP ADA Compliance Plugin check for?

The WP ADA Compliance Plugin evaluates content for the most common issues typically found on your website. As Web Accessibility standards evolve the plugin is continually updated to include the latest requirements.

The WP ADA Compliance Plugin identifies:

  1. empty link and heading tags
  2. ambiguous link text such as “click here”
  3. absolute font sizes
  4. redundant link text with different destinations
  5. iframes missing title attributes
  6. object tags missing equivalent text
  7. embed, audio or video tags missing equivalent text
  8. audio, video or object tags set to autoplay
  9. form fields without labels
  10. images missing alternate text attributes
  11. images with empty alternate text attributes and non-empty title or aria-label attributes
  12. image tags with alt text that includes “Image of” or “Graphic of” or filenames
  13. image map area tags without alternate content
  14. redundant, duplicate or missing page titles
  15. redundant alt text
  16. title attributes that duplicate the link text
  17. layout tables without role attributes
  18. data tables without heading tags
  19. data tables with heading tags but missing scope attributes
  20. links that are set to open a new window
  21. skip links not included in theme files
  22. missing lang attribute on html tags and content parts
  23. fieldsets without legends
  24. nested fieldsets
  25. links without a visual cue
  26. elements with onclick handler but missing onkeypress handlers
  27. form fields that trigger an unexpected context change
  28. lists with incorrect markup
  29. images linking to self
  30. tables with summary attributes that duplicate caption
  31. foreground and background colors without enough contrast
  32. images added using the CSS background-image property
  33. incorrect use of linebreaks to create white space
  34. tags with onclick used to emulate links
  35. links and styles where visual focus indication has been removed
  36. popup windows generated by page loads or other undetermined actions inside the page.
What time saving features are included?

The WP ADA Compliance Plugin includes all these time saving features:

  1. option to turn off default Wordpress behavior of linking images to file
  2. option to add title and class fields to the Wordpress linking tool and conversion of title attributes to the more reliable aria-label attribute
  3. automatically convert absolute font sizes to relative
  4. option to remove empty link and heading tags
  5. adding title attributes to read more link in Wordpress archives
  6. converts the Wordpress editor to use relative font sizes such as % or em
  7. removes target attributes or adds "opens in new window" notice to links set to open in a new window
  8. adds title attributes to iframe tags created by Wordpress using the oembed feature and those with known sources (i.e... youtube.com, hulu.com, etc) 
  9. removes phrases such as "image of" or "photo of" from image alt text
  10. WebAim validation tool is integrated for additional insurance
  11.  media library filter for missing and invalid alt text
  12. option to strip html tags from title values
  13. option to remove links from images that are linked to themselves
  14. option to automatically add title attributes to known iframe sources (i.e... youtube.com, hulu.com, etc) 
Will the WP ADA Compliance Plugin make my website completely compliant?

The WP ADA Compliance Plugin will identify most issues that would commonly occur on your website. It provides many time saving features that will automatically correct issues in your code. The WP ADA Compliance Plugin should be used along with the integrated WAVE Web Accessibility Evaluation Tool and/or others tools to ensure complete compliance.

Continue reading to learn how to use the WP ADA Compliance Plugin as part of an overall plan of ADA compliance.

The Web Accessibility requirements continue to evolve and to date not all issues can be identified without manual intervention. For this reason, being 100% accessible is difficult. Rather than focusing on 100% compliance, focus on continuous improvement. Make a plan, take steps to comply and offer an option for users to request assistance if needed.

We suggest the following:

  1. conduct a full scan of your website using the WP ADA Compliance Plugin and correct current issues on your website.

  2. enable automatic scans and notifications under the WP ADA Compliance Plugin settings and correct new issues as they occur. The plugin will also scan posts as they are saved, prompting your users to correct issues as they occur. 

  3. use the integrated WAVE tool by WebAim or associated Chrome plugin to further evaluate your website content.

  4. draft an ada compliance policy and publish it on your website. This will make it clear to your users that you care about Web Accessibility and that you are working to comply with the requirements.

  5. the final piece of ensuring compliance is to provide an ada compliant online form, email address or phone number for users to report issues that they may encounter.

The plan outlined above is based on the recommendations set forth by the Department of Justice for State and Local websites. Refer to the voluntary action plan section.

 

How do I use the WP ADA Compliance Plugin?

Using the WP ADA Compliance Plugin is not hard but reviewing the results of a scan can be confusing at first. Issues may be found in posts, pages, widgets and even in theme files. Confusion sometimes occurs when issues found in posts are also found in archive pages or issues in widget text are found in a sidebar across all of your pages. The following steps outline the best approach to resolving issues on your website with as little confusion as possible:

  1. Click on "Error Report" under the Web Accessibility menu and choose, "Start Scan".
  2. Place a check mark next to "hide theme errors" and "hide duplicates" and choose filter.
  3. If desired you can also filter the list by widget, post, page or term.
  4. After filtering the list, review each error to ensure you understand the problem. Refer to the live view, help section, view code and reference material to gain a better understanding.
  5. Some issues may not require correction, if that is the case, choose "Ignore" and "This Error". If the issue is found in multiple locations there will also be an ignore "Duplicates" option which will ignore the current issue along with any duplicates that were found. You may optionally ignore "This Rule" which will remove the error from all future scan of your content.
  6. If the issue requires correction, choose "Edit" which will open the page in a new tab for editing. Once the issue has been corrected, close the tab to return to the error report.
  7. Choose "Refresh View" to clear any errors that were corrected.
  8. Once all the issues have been reviewed and appropriate actions taken, remove the check mark from "" and work through the remaining issues as you did with the other content. Their is one primary difference. Theme errors can not always be corrected in Wordpress. Instead you may need to make changes to the source files in your themes folder, update or replace plugins.
Where can I learn more about the requirement for ADA compliance?
Can I recommend a feature or improvement to the plugin?

Yes, please do! To make a recommendation, please fill out our contact page.

How long will I receive updates?

All minor revision updates (i.e…1.1, 1.2 etc) are available free of charge for one year.

What is the license agreement for this software?

Permission to copy and modify this software and its documentation is hereby granted, subject to the following limitations:

  1. This software may be used for only the number of website your license permits.
  2. Redistribution with or without modification are prohibited.
Are there refunds for the plugin?

Sorry, we do not offer refunds for the purchase of this plugin. All sales are final.

Why doesn't the WAVE validation tool work with my website?

The WAVE validation option is powered with the WAVE tool by WebAim. If it is not working on your website it is most likely because your web server is blocking the tool from viewing your website inside frames. Use your web browsers javascript console to confirm this and contact your host for assistance. Additional help can be found in the WAVE Help section.

How can I do a full content scan of my website?

Click on "Error Report" under the We Accessibility menu and choose, "Start Scan".

What do the "View" options mean on the error report?

Current - includes errors that are still being reviewed and corrected and that have not been marked "ignored".

Auto Corrected - includes issues that are being automatically filtered out of you pages.

Ignored - includes errors that you have deteremnined to be false positives and have beem marked "ignored".

All - includes both ignored errors and those that have been indentified and are still being reviewed and corrected.

My website host is blocking my license key from being authenticated, what should I do?

Ask your hosting company/administrator to unblock alumnionlineservices.com. If you are unable to get your website host/administrator to remove the block feel free to contact us for additional instructions.

How can I change the way the "opens in a new window" hover effect looks?

Add the following style to your theme style sheet and change it as desired:

a span.wp_ada_hidden {
position: absolute;
left: -9999px;
font-size: 75%; !important;
border:1px dotted !important;
background-color:#eee;
color:#000;
font-weight:normal !important;
padding: 1px;
font-family:arial !important;
width:11.5em;
text-align: center;
}

How can change the way the note "(opens in a new window)" in my links looks?

Add the following style to your theme style sheet and change it as desired:

a span.adaNewWindow{
text-decoration:none;
}

Does this plugin modify my content?

Your database content is not changed, instead content is filtered as it is displayed. In order for the plugin to filter your content your theme must be configured to use the built in Wordpress content display functions such as "the_content" or "the_excerpt".

Why are web accessibility issues not being filtered out of my content?

In order for the plugin to filter your content your theme must be configured to use the built in Wordpress content display functions such as "the_content" or "the_excerpt".

Why do I not see the Presentation Table option under the Format drop down in my editor?

Your Wordpress Theme or another plugin may be incorrectly configured to add the Format dropdown. Ensure that it is configured to merge the two arrays as described in this complete guide.

Why are my style options missing from the Format drop down in my editor?

Your Wordpress Theme or another plugin may be incorrectly configured to add the Format dropdown. Ensure that it is configured to merge the two arrays as described in this complete guide.

 


Change Log

= 1.9 = Release Date: Scheduled for October 2018
  1. added check for popup windows generated by page loads or other undetermined actions inside the page.
  2. added check for links and styles where visual focus indication has been removed.
  3. added check for tags with onclick used to emulate links
= 1.8 = Release Date: 7-6-2018
  1. added check for media library images with alt text containing a filename
  2. separated empty alternate text check from missing alternate text to make it easier to distinguish images that are for decoration only
  3. added check for form fields that trigger an unexpected context change
  4. added check for elements with onclick handler but missing onkeypress handlers
  5. added option to scan external sources such as iframe or css files
  6. added check for links without a visual cue
  7. added check for fieldsets without legends
  8. added check for nested fieldsets
  9. added check for lists with incorrect markup 
  10. added check for missing lang attributes inside page content
  11. added check for media library images with alt text that includes "image of", "graphic of" or a similar phrase
  12. added check for images linking to self
  13. added option to turn off default Wordpress behavior of linking images to file
  14. added media library filter for invalid alt text
  15. added check for tables with summary attributes that duplicate caption
  16. added check for foreground and background colors without enough contrast
  17. added option to remove individual posts or pages from future scans
  18. added check for images with empty alternate text attributes and non-empty title or aria-label attributes
  19. added check for images added using the CSS background-image property
  20. added option to strip html tags from post title values
  21. moved reset data option to settings page to reduce likely hood of inadvertent purging of data
  22. added option to remove links from images that are linked to themselves
  23. added check for incorrect use of linebreaks to create white space
  24. added option to automatically add title attributes to known iframe sources (i.e... youtube.com, hulu.com, etc) 
  25. updated references for WCAG 2.1
  26. corrected bug on certain websites not allowing the settings page to be loaded
  27. other misc bug corrections
= 1.7 = Release Date: 4-4-2018
  1. deep scan makes it possible to scan your entire website for problems 
  2. check for redundant link text with different destinations
  3. check for alternate text on images that includes the image filename.
  4. option to add title and class fields to link editor and to convert title attributes to aria-label
  5. option to mark tables as presentation only using the format drop down in the Wordpress editor.
  6. email reports when new issues are identified
  7. option to select specific issues/accessibility rules to look for in your website
  8. option to automatically  remove phrases such as "image of" or "photo of" from image alt text
  9. check for image map area tags without alternate content
  10. check skip links not provided to bypass navigation and go directly to the content
  11. check for lang attribute on html tags
  12. added option to re-check issues from report screen and check for issue link on post/page lists
  13. added additional filtering and sorting options to the report screen
= 1.6 = Release Date: 2-2-2018
  • shortcode content validation
  • widget text and custom html content validation
  • check for urls used in link text
  • check for embed tags missing alternate text
  • check for data tables marked as presentation only
  • check for table cells referencing a non-existent header id
  • option to display issues in content that are being automatically corrected
  • automatic scans using Wordpress cron
  • options to limit the number of records scanned each time (required for larger websites)
  • remove title attributes from menus and post lists
  • check for audio and video tags set to auto play
  • print friendly reports
  • corrected bug resulting in some data tables missing headers not being identified
= 1.5 = Release Date: 12-7-2017
  1. added custom field content validation
  2. added check for links opening in new windows without first notifying users
  3. added options to automatically correct links opening in a new window
  4. added option to automatically remove redundant alt text on images with captions and links with title attributes
  5. improved alt text check to avoid false positives when alternate text is included inside captions
  6. corrected bug with automatic content updates
= 1.4 = Release Date: 11-23-2017
  1. added option to automatically convert absolute font units in content to relative units
  2. added reference links for section 508 and wcag 2.0 requirements
  3. added theme validation with webaim
  4. added check for title attributes that duplicate content within the body of the link
  5. added check for image alt text that includes Image of or Graphic of
  6. added check for redundant alt text
  7. added issue summary to error log
  8. added check for duplicate page titles
  9. added check for audio and video tags missing equivalent text
  10. added check for form fields missing labels and aria-labelledby attributes
  11. corrected bug with translation of help topics
  12. added filter for post type and error type on error log
= 1.3 = Release Date: 11-8-2017
  1. added setting to automatically convert font size selector to relative size (% or em)
  2. corrected bug not allowing post types to be selected on settings page for multi-site networks
  3. corrected bug not allowing post types without existing posts to be displayed on settings page
= 1.2 = Release Date: 11-5-2017
  1. added media library check for images missing alternate text
  2. added pagination to results page
  3. added check for object tags missing equivalent text
  4. added error references and help links
= 1.1 = Release Date: 10-1-2017
  1. added absolute font size check.
  2. added settings page with option to choose if empty tags should be stripped and select post types and terms to be scanned.