Free
No credit card needed$0
Free forever
- Open and navigate the Inspector
- Element card
- 25 AI Element Fix generations one-time
- Preview in browser
- Desktop dock and mobile bottom sheet
Accessibility Inspector for WordPress
From finding straight to the affected spot
One click in the test result, and the Inspector marks the element on your website – with all the details you need to fix it.
No more searching through source code: the Accessibility Inspector shows you every finding where it occurs, explains the element and uses AI to suggest a solution you can try out in the browser right away.
- Affected elements marked directly on the page
- Element card with role, name, size and visibility
- AI Element Fix with preview in the browser
How it works
From test result to solution in four steps
The Inspector connects the accessibility test with your real website. Every finding leads you straight to the element that triggers it – no developer tools and no guesswork.
-
Step 1: Open a finding in the test result
Every finding in the accessibility test lists the affected elements. For an element, click “Show in Inspector”.
-
Step 2: Jump to the spot
The page opens with the Inspector. The element is marked, scrolled into view and briefly highlighted.
-
Step 3: Check the element and the finding
The element card shows type, role, description, size and visibility. Use “Back” and “Next” to go through all occurrences.
-
Step 4: Try a solution and apply it
AI Element Fix suggests a code correction and shows it as a preview in the browser. You make the permanent change in the editor or theme.
Element card
Everything about the element at a glance
The element card describes the marked element the way browsers and assistive technologies see it. This way you can tell whether a finding is caused by the content, the markup or a theme setting.
-
Icon, type and DOM path
The element is shown with a type icon, accessible name and its path in the document, so you can find it in the code as well.
-
Visibility and size
You see whether the element is visible or hidden, what dimensions it has and whether it is included in the accessibility tree.
-
Role and description
Role, description and the accessible name show what screen readers announce for this element, without having to open the developer tools.
When no clear marker appears
The Inspector tells you what is going on
Not every element can be framed on the page. Instead of leaving you in the dark, the Inspector explains in every case why no marker is possible and what you can do.
AI feature
AI Element Fix: suggest a solution, try it in the browser
For the marked element, the AI explains why the finding matters and suggests a concrete code correction. With one click you see the change as a preview right on your page – and then decide whether to apply it.
- Explains why the finding matters
- Delivers a code suggestion and preview right in the browser
- The preview stays temporary and does not change your website
- Reading and preview are free, only generation counts
Desktop and phone
A panel that adapts to your page
The Inspector is a tool next to your website, not on top of it. It can be docked, moved and hidden so that you always have a clear view of the marked spot – on a large screen as well as on a phone.
-
Dock on desktop
The Inspector sits to the right of the page. You can move it to the left, top or bottom so it does not cover anything.
-
Bottom sheet on phone
On small screens the Inspector opens from the bottom. With a swipe gesture you hide it and bring it back.
-
Hide it when it gets in the way
One click hides the Inspector. A small button at the edge brings it back at any time.
From practice
Typical findings the Inspector makes visible
Many barriers are invisible in the backend and instantly clear on the page. Three examples where jumping to the spot makes the difference.
-
Moderate WCAG 1.4.1
Link recognizable by color only
The Inspector marks the link in the body text. AI Element Fix suggests an underline or an additional visual cue.
-
Moderate WCAG 1.3.1
Heading order
A level was skipped. You immediately see which heading is affected and correct the level in the editor.
-
Serious WCAG 4.1.2
Button name missing
An icon button without text. The element card shows the empty name, and the suggestion adds a suitable aria-label.
Plans & quotas
The Inspector is included in every plan
You can mark, navigate and read the element card in all plans. Only the number of AI generations for AI Element Fix depends on your plan – preview and reading always stay free.
Feature
No credit card needed Free
$0
Basic
$79.00 / yearplus applicable taxes
Our recommendation Plus
$149.00 / yearplus applicable taxes
Premium
$299.00 / yearplus applicable taxes
Agency
$899.00 / yearplus applicable taxes
Open and navigate the Inspector
Yes
Yes
Yes
Yes
Yes
Element card
Yes
Yes
Yes
Yes
Yes
AI Element Fix generations
25 one-time
50 / month
100 / month
1,000 / month
1,000 / month per website
Preview in browser
Yes
Yes
Yes
Yes
Yes
Desktop dock and mobile bottom sheet
Yes
Yes
Yes
Yes
Yes
The plan display in the Freemius checkout is authoritative for your active license. Reading and previewing suggestions that have already been generated do not use up any quota, only generating new suggestions does.
Basic
Solid start$79.00 / year
equals $6.58 / month
plus applicable taxes
- Open and navigate the Inspector
- Element card
- 50 AI Element Fix generations / month
- Preview in browser
- Desktop dock and mobile bottom sheet
Plus
Our recommendation$149.00 / year
equals $12.42 / month
plus applicable taxes
- Open and navigate the Inspector
- Element card
- 100 AI Element Fix generations / month
- Preview in browser
- Desktop dock and mobile bottom sheet
Premium
For larger websites$299.00 / year
equals $24.92 / month
plus applicable taxes
- Open and navigate the Inspector
- Element card
- 1,000 AI Element Fix generations / month
- Preview in browser
- Desktop dock and mobile bottom sheet
Agency
For multiple websites$899.00 / year
equals $74.92 / month
plus applicable taxes
- Open and navigate the Inspector
- Element card
- 1,000 AI Element Fix generations / month per website
- Preview in browser
- Desktop dock and mobile bottom sheet
The plan display in the Freemius checkout is authoritative for your active license. Reading and previewing suggestions that have already been generated do not use up any quota, only generating new suggestions does.
Good to know
Questions about the Accessibility Inspector?
What the Inspector is allowed to do, what it does not change and how the AI quotas work.
1. Which plans include the Accessibility Inspector?
All of them. The Inspector is part of the accessibility test and is available from Free to Agency. The only difference is the quota for AI Element Fix generations.
2. Does the Inspector change my website?
No. The Inspector only reads the page and marks elements in the browser. The AI Element Fix preview is also temporary: as soon as you reload the page, it is gone. You make permanent changes as usual in the editor, in the theme or in your page builder.
3. Do visitors to my website see the Inspector?
No. The Inspector opens only for logged-in users with test permissions, via a secured, time-limited link from the test result. Visitors see neither markers nor the panel.
4. Why does the Inspector show “Element not found”?
The finding comes from a saved test result. If the page has changed since then, for example through content changes, caching or dynamic content, the saved selector no longer matches. Run the test again and open the Inspector from the new result.
5. What counts toward my quota with AI Element Fix?
Only generating a new suggestion. You can read a suggestion that has already been generated, apply it as a preview and undo it as often as you like without reducing your quota. The Free plan includes 25 one-time generations, and the paid plans include a monthly quota per website.
6. What does “accessibility tree” mean in the element card?
The accessibility tree is the structure the browser provides to assistive technologies such as screen readers. The element card shows whether the element is included in it. “Excluded” means that a screen reader does not announce it – intended for decorative elements, a problem for controls. The information is determined from the markup on a best-effort basis and does not replace a test with real assistive technology.
Get started now
Ready to see findings where they occur?
Test your site, jump to the affected spot with one click and try out the solution before you apply it.
Accessibility Inspector for WordPress – see findings on the page
The Accessibility Inspector from EZZE WCAG Pro closes the gap between test result and website. Every finding from the accessibility test can be opened on the real page with one click: the affected element is marked, scrolled into view and described in an element card with type, role, accessible name, size, visibility and DOM path. This way you understand accessibility problems without developer tools and without searching through source code.
With “Back” and “Next” you go through all occurrences of a finding. If an element cannot be marked unambiguously, for example because it is invisible, appears multiple times or the page has changed since the test, the Inspector explains the reason and the next step.
AI Element Fix: suggest WCAG solutions and check them in the browser
For every marked element, AI Element Fix can generate an explanation and a concrete code suggestion, for example a missing aria-label, a corrected heading level or a recognizable link style. The preview applies the suggestion only temporarily in the browser, and your website stays unchanged until you apply the change in the editor, in the theme or in the page builder. Reading and preview cost no quota, only the generation of new suggestions does.
The Inspector is part of the accessibility test and is included in all EZZE WCAG Pro plans. As a dock on desktop or a bottom sheet on phone, it adapts to your page – a practical tool for not only checking WCAG, BITV and BFSG but fixing barriers where they occur.