Web Accessibility Toolkit – Accessibility Checker & ARIA for WCAG, Section 508 & ADA Compliance

Using the WordPress Dashboard

1. 01Navigate to “Add New” in the plugins dashboard
2. 02Search for “Web Accessibility Toolkit”
3. 03Click “Install Now”
4. 04Activate the plugin on the Plugin dashboard
5. 05Go to Settings > Web Accessibility to start configuration

Uploading in WordPress Dashboard

1. 06Click the download button on this and save “aria-accessibility-toolkit.zip” to your computer
2. 07Navigate to “Add New” in the plugins dashboard
3. 08Navigate to the “Upload” area
4. 09Select “aria-accessibility-toolkit.zip” from your computer
5. 10Click “Install Now”
6. 11Activate the plugin in the Plugin dashboard
7. 12Go to Settings > Web Accessibility to start configuration

Using FTP

1. 13Download the Web Accessibility Toolkit ZIP file
2. 14Extract the Web Accessibility Toolkit ZIP file to your computer
3. 15Upload the “aria-accessibility-toolkit” directory to the /wp-content/plugins/ directory
4. 16Activate the plugin in the Plugin dashboard
5. 17Go to Settings > Web Accessibility to start configuration

What does this plugin do?

Web Accessibility Toolkit scans your site with an accessibility checker and helps you fix ADA compliance and WCAG compliance issues. It lets you add ARIA attributes, landmark roles, adjust contrast, fix alt tags, and more — no coding required.

Can this help my WordPress site be ADA compliant?

Yes. While no plugin alone guarantees compliance, this tool helps you meet several key WCAG 2.1 success criteria like semantic structure, sufficient contrast, and accessible navigation.

Does it work with any theme?

Yes. The plugin is designed to work with any WordPress theme, including those built with page builders like Elementor, WPBakery, or Gutenberg.

Will it slow down my site?

No. It’s lightweight and only outputs a small block of CSS (and optionally JavaScript) based on your settings. There’s no third-party code or unnecessary overhead.

Can I use it without JavaScript?

Sort of. The plugin uses CSS & PHP where possible. JavaScript is used for the accessibility checker and dynamic updates that can’t be done with CSS alone.

What kind of selectors can I use?

Any valid CSS selector is supported — including classes ( .my-button ), IDs ( #main-header ), or element types ( nav , section , etc.).

Can I apply multiple ARIA attributes to the same element?

Yes. Simply add another row targeting the same selector with a different ARIA attribute.

What is the accessibility checker for?

It shows a small box on your site (for admin users only) highlighting common accessibility issues like empty buttons, missing labels, broken ARIA references and low contrast.

What does the “Skip Link” setting do?

It adds a screen-reader-visible “Skip to content” link at the top of the page for keyboard users. Just define the CSS selector of your main content area.

What does the Language option do?

It sets the lang attribute on your <html> tag — especially useful if your theme doesn’t already do this.

How does the Accessibility Checker work?

There is an option in the admin to enable the Accessibility Checker and once enabled, admins will see a small box on the frontend of your website with a Scan Page button. Simply click this to start the accessibility scan and a list of issues will be displayed with details on how to fix them.

What are the full list of features?

The Web Accessibility Toolkit plugin provides tools to help improve frontend accessibility, scan for issues, and add missing ARIA roles, labels, and other enhancements.

Free Version Features:

1. 01Frontend Accessibility Checker panel
2. 02Scan for missing aria-label and aria-labelledby attributes
3. 03Detect and highlight empty buttons or ARIA attributes
4. 04Detect broken ARIA references (e.g. aria-describedby targets not found)
5. 05Detect low color contrast issues (text vs background)
6. 06Detect skipped heading levels (e.g. jumping from h2 to h4)
7. 07Detect missing alt text on images
8. 08Detect form fields without labels or ARIA labels
9. 09Detect duplicate link text with different destinations
10. 10Detect use of user-scalable=no in viewport meta tag
11. 11Detect missing page title
12. 12Detect duplicate IDs in the DOM
13. 13Detect use of tabindex values greater than 0
14. 14Detect non-focusable interactive elements
15. 15Live preview: “Show” and “Copy Selector” buttons for each issue
16. 16Fix suggestions for supported issues via plugin settings page
17. 17ARIA role injection via CSS selectors
18. 18Add landmark roles like navigation , main , banner , and more
19. 19Add aria-label to menu items or custom HTML elements
20. 20Set default lang attribute on the HTML tag
21. 21Add skip link anchor to improve keyboard navigation
22. 22Disable animations for motion-sensitive users
23. 23Enable high-contrast mode support (coming soon)
24. 24Lightweight, modular design — only loads what’s needed

PRO Version Features:

1. 25Form scanning
2. 26Automatic form fixes
3. 27Unlimited menu targeting for ARIA attributes
4. 28Unlimited menu targeting for ARIA roles
5. 29Full list of selectable ARIA attributes
6. 30Full list of selectable landmark roles
7. 31Open External Links in New Tab
8. 32Force Underline on Text Links
9. 33Mark Decorative Images

Note: Not all issues can be automatically fixed. Some must be addressed in your theme or content. A full accessibility audit is recommended.

Is there a Pro version?

Yes! A Pro version unlocks unlimited menu targeting and advanced attribute/role options. Visit wcagforwp.com to learn more.