WordPress workflow
Check WordPress accessibility without installing a WordPress plugin
A browser extension can check the WordPress page you are looking at. You do not need to add a scanning plugin to the WordPress installation to run that page check.
Choose representative pages
Begin with a small set that covers different templates: the homepage, a blog post, a landing page, and a contact form. If your site has a store, include a product page and the cart. A scan of the homepage does not cover the rest of your site.
Open the visitor-facing page in Chrome. When checking a preview or a page that requires a login, be clear about which view you are testing. An editor toolbar can add findings that visitors will never encounter.
Run and inspect the scan
- Install ADA Compliance Scanner from the Chrome Web Store.
- Open the WordPress page you want to check.
- Open the extension and choose Scan page.
- Expand a finding to inspect the affected HTML. Use its highlighting control to locate the element.
- Read the Needs review tab and any notice about content that was not scanned.
The scan runs against the rendered page. It does not log in to WordPress, edit your database, or fix your theme automatically.
Find the right place to make the change
| Finding location | Where to investigate |
|---|---|
| An image inside a post | The image block and its content settings |
| Navigation on every page | The theme’s navigation component or menu template |
| A contact-form input | The form block or form plugin’s field settings |
| The same text color throughout the site | Global styles and shared CSS variables |
Use the HTML and visible page context as clues. A CSS selector in a browser report may not be the filename or component name in your project. Avoid editing third-party plugin files directly when the plugin provides a setting or extension point for the change.
Fix one shared cause, then check its reach
If the same navigation issue appears on several pages, fix the shared source and recheck multiple templates. If a content issue affects only one post, edit that content and scan it again. Check mobile layouts separately when they use different navigation or controls.
You can export a JSON report for a developer or copy an AI fix prompt when you have access to the relevant theme code. Review that prompt before sharing it.
Add a short manual review
Navigate through the page with Tab and Shift+Tab. Look for a visible focus indicator, logical movement, and controls you can operate. Try the contact form’s validation and success states. Automated evaluation and human review complement one another. W3C explains the limits of automated evaluation.