Cuiar
Sign inDownload

Check web pages for accessibility problems

WCAG 2.2 AA problems on each page, with the element, the rule and a fix, the blockers first.

  • You start it: When you start it
Use in CuiarRun from your AI agent

What it does

The task

Open each page in this list: urls. Check it against WCAG 2.2 level AA: images without alt text, low color contrast, form fields without labels, the heading order, and link text such as 'click here'. Use each page with the keyboard only, and note where the focus is lost or hidden. Write a report in a new Google Doc with one row per problem: the page, the element, the WCAG rule, the impact and a fix. Put the problems that stop a user from finishing a task first.

  • It works in any website and Google Docs, in the workspace you pick, and signs in with passwords from your Cuiar vault.
  • It runs once, when you start it.

What you give it

BlankWhat to giveExample
urlsThe pages to check, one per line or separated by commashttps://brightleaf.app/signup, https://brightleaf.app/checkout, https://brightleaf.app/pricing

What you get back

An example run with the example values above. Your run uses your own data.

3 pages checked: 14 problems, 3 stop a task

PageElementRuleFix
/signupE-mail field with no label1.3.1, 3.3.2Add a label element for the field
/checkoutCard form: the focus is lost after the expiry field2.4.3Fix the tab order in the card form
/signupSubmit button, contrast 2.9:11.4.3Use #1F5FBF on white (5.6:1)
/pricing6 links with the text "Learn more"2.4.4Name the plan in each link

... 10 more

Report saved as "Accessibility check, 4 Nov".

Run it in Cuiar

  1. 01

    Open it

    Click Use in Cuiar on this page. The side panel opens with the task in the composer.

  2. 02

    Fill in the blank

    Type urls. Tab moves to the next blank.

  3. 03

    Run it

    Run sends it to the agent. Follow each step in the panel, and stop it at any time.

From the terminal

cuiar exec "Open each page in this list: https://brightleaf.app/signup, https://brightleaf.app/checkout, https://brightleaf.app/pricing. Check it against WCAG 2.2 level AA: images without alt text, low color contrast, form fields without labels, the heading order, and link text such as 'click here'. Use each page with the keyboard only, and note where the focus is lost or hidden. Write a report in a new Google Doc with one row per problem: the page, the element, the WCAG rule, the impact and a fix. Put the problems that stop a user from finishing a task first."

Run it from your AI agent

Claude Code, Codex, Cursor and other MCP clients reach Cuiar at https://mcp.cuiar.com/mcp. Add the server one time, then ask for the task in plain words, or call run_task yourself.

1. Add Cuiar to Claude Code

claude mcp add --transport http cuiar https://mcp.cuiar.com/mcp

2. Ask your agent

Use the Cuiar tool run_task to run my "Check web pages for accessibility problems" template with urls = https://brightleaf.app/signup, https://brightleaf.app/checkout, https://brightleaf.app/pricing.

Setup for other agents: AI agents.

The tool call

{
  "name": "run_task",
  "arguments": {
    "task": "Open each page in this list: https://brightleaf.app/signup, https://brightleaf.app/checkout, https://brightleaf.app/pricing. Check it against WCAG 2.2 level AA: images without alt text, low color contrast, form fields without labels, the heading order, and link text such as 'click here'. Use each page with the keyboard only, and note where the focus is lost or hidden. Write a report in a new Google Doc with one row per problem: the page, the element, the WCAG rule, the impact and a fix. Put the problems that stop a user from finishing a task first."
  }
}

Related templates

All engineering templates