Fix what an automated accessibility check finds on your key pages
Scan up to four pages for accessibility problems, then fix missing alt text and weak colour contrast with drafts and approvals. It is a scan, not a certification.
- Difficulty
- Intermediate
- Time
- about 30 min
Run an accessibility check on [up to four pages, e.g. the home page, a product, the cart and the checkout] of my site. Explain the problems in plain words, most serious first, and say which ones you can fix and which need my designer or developer. Then fix what you can: write alt text for images that lack it, in the site's language, and if text contrast is too weak, prepare a draft of the global styles with stronger colours and send me the preview. Don't publish anything without my approval.
Already connected?
If SAR is already in your AI app, this is enough:
Check [pages] for accessibility, fix alt text and contrast as drafts, and list what needs a person.
What happens
- The AI app scans the pages in a real browser against WCAG 2.1 A and AA rules and lists what failed, how serious it is and where.
- It explains that an automated scan finds only part of the problems and is not a certification.
- It lists images without alt text and writes descriptions; they are set in batches, with your approval once per batch.
- For weak contrast on a block theme, it saves a global styles draft with a preview link; publishing changes every page, so it needs your password.
- It gives you a list of what is left for a person, such as form labels or a theme's own colours.
Approvals involved
Worked out from the tools this recipe uses.
sar_accessibility_checkCheck accessibility (automated)Nonewordpress_list_mediaList mediaNonewordpress_set_image_alt_textSet image alt textApprovalwordpress_get_global_stylesGlobal stylesNonewordpress_save_global_styles_draftSave a global styles draftNonewordpress_publish_global_stylesPublish the global styles draftApproval and password
What you get
Fewer barriers for people using screen readers or with low vision, and a clear list of what still needs a human.
Related recipes
- Design & builders · about 15 minChange your block theme's colours and fonts as a draftSet new site-wide colours, fonts and sizes in the Site Editor's global styles as a draft, see them on a preview link, then publish with your password.
- Design & builders · about 15 minMake headings and spacing fit phone screens on a block themeHeadings too big and gaps too wide on mobile? Adjust font sizes and spacing in the global styles as a draft, compare on a phone screen, then publish.
- Design & builders · about 25 minA new Breakdance or Oxygen landing page, built as a draft (beta)Describe the page and get it as a draft made of Breakdance's own elements, styled for desktop, tablet and phone, with a preview link before it goes live.
Try it on your own site
Install the plugin, add SAR to your AI app and paste the prompt. Free to start.