WebYes WP Accessibility Checker – Easily Discover ADA & WCAG Compliance Gaps
by WebToffee
WebYes is an accessibility checker that helps WordPress site owners and developers improve their website’s accessibility. It scans your webpage and highlights WCAG and ADA violations directly on the frontend, making them easy to identify and fix.
Key Features
Here’s what the WebYes plugin can do:
- Highlights headings and flags incorrect heading order for better structure.
- Identifies elements with poor contrast and suggests improvements.
- Flags ambiguous links and encourages more descriptive alternatives.
- Detects input fields missing labels to ensure accessibility.
- Annotates images without alt text to enhance screen reader support.
- Simulates screen reader output by letting users hover over elements.
Note: The Screen Reader Wand (screen reader simulation) is an experimental feature and may not function perfectly at all times.
Why Use the WebYes Plugin?
WebYes makes accessibility checks quick and easy. It shows issues right on your website, so you know exactly where to make adjustments.
To fix the issue, you can simply right-click the annotated element, select Inspect Element, and update the code or attributes. Everything is done right on your site – no need to switch to external tools or visit third-party web apps.
Limitations and Advanced Solutions
The WebYes plugin highlights only the most common accessibility gaps. However, it should be noted that no automated tool, including WebYes, can identify every issue or fully guarantee compliance with ADA and WCAG standards.
For a deeper accessibility audit, try the WebYes app – our advanced, free website audit and monitoring tool. The app evaluates your website against all WCAG guidelines, offering deeper and more comprehensive accessibility insights.
Screenshots
Close-up of the tota11y widget
Screenshot of author's homepage with a red arrow drawn over to point to the widget fixed to the bottom left of the browser window
Screenshot of the author's homepage with the tota11y widget menu opened showing the available features to test: headings, contrast, link text, labels, image alt-text, landmarks and screen reader wand (experimental)
Screenshot of the author's homepage with the headings feature enabled. The screenshot is annotated with a red circle over the headings option in the menu showing it is checked and red arrows pointing to the headings summary along with the display of headings on the page itself that match the indented list in the summary tab.
Screenshot of the author's homepage with the contrast feature enabled. The screenshot is annotated with a red circle over the contrast option in the menu showing it is checked and red arrows pointing to the contrast ratio calcuations that appear around various elements. A calcuation in green shows that it passes validation while one in red shows it fails.
Screenshot of the author's homepage with the landmarks feature enabled. The screenshot is annotated with a red circle over the landmarks option in the menu showing it is checked and red circles around the yellow labels displaying landmarks discovered on the webpage.
An animated GIF image showing the author's homepage with the screen reader wand enabled. The looping GIF image shows a cursor moving around the page, showing how a blue box highlights various elements on the page while it also displays the screen-reader friendly text from that element in the bottom right box.
Screenshot of the settings screen in the WordPress backend. It shows the default settings where "Enabled" is turned on, "Allowed User Roles" is set to "administrator" and "Debug Mode" is turned off.