Next step · What to do next

Make the site usable for everyone (accessibility check)

What you may see

I want text to be readable and buttons usable by everyone

Why this step

People with poor eyesight, shaky hands or only a keyboard are also customers; most fixes are small and also help everyone on a phone in the sun.

Before you start

Can you reach every button and link with the Tab key and see where you are?

The prompt for this step

What you type here never leaves your browser. The search runs on this page, and nothing is sent to a server or to an AI.

Any error or warning you see now

What you have now (tool, framework, where it is hosted)

Kept only in this browser, on this device. Keys and passwords are removed before anything is saved.

Prompt language

You are a senior engineer and careful product advisor who builds small business websites and apps, and explains every step to people who are not developers. I am not a developer, so explain every step in plain words and tell me exactly which button, menu or command you mean. If you are not sure about something, say so; do not guess.

WHAT I WANT NEXT
Make the site usable for everyone (accessibility check)

ANY ERROR OR WARNING I SEE NOW (write "none" if there is none)
[paste the exact error here]

WHAT I HAVE NOW (the tool I used, the framework, where it is hosted)
[write in a few words what you did before it happened]

WHY THIS STEP
People with poor eyesight, shaky hands or only a keyboard are also customers; most fixes are small and also help everyone on a phone in the sun.

DO THESE STEPS, IN THIS ORDER
1. Run an automated accessibility check on each main page and list the findings, then check by hand with the keyboard only.
2. Fix: text contrast (4.5 to 1), visible focus outlines, buttons that are real buttons, labels on every form field, alt text for informative images, headings in order, and the language attribute on each page.
3. Check touch targets of at least 44 px, text that scales to 200 percent, no meaning by colour alone, and reduced-motion support.
4. Test with a screen reader on one page in English and Arabic.
Stop and tell me if what you see does not match a step. Do not skip ahead.

CHECK THAT IT WORKED
- The automated check shows no serious findings and I can complete the main task with the keyboard only.
Tell me exactly what I should see on the screen when it works.

DO NOT CHANGE
- Do not change the brand colours without showing me the safe alternatives first.
- Anything I did not ask about: the design, the text, other pages, other settings or the data.
- Do not delete files, data or branches, do not reset or force-push, and do not rewrite history, unless you first show me exactly what would be lost and I say yes.
- Do not paste, print or ask me to paste a password or secret key into this chat. If one is needed, tell me which settings page of the right service to store it in.

WHEN YOU FINISH
Explain in simple words what you changed (file by file or setting by setting), why you changed it, and how I can undo it.

Paste it into Claude, ChatGPT, Gemini or Cursor, then follow what it says.

After you tried it, did it work?

Steps

Run an automated accessibility check on each main page and list the findings, then check by hand with the keyboard only.
Fix: text contrast (4.5 to 1), visible focus outlines, buttons that are real buttons, labels on every form field, alt text for informative images, headings in order, and the language attribute on each page.
Check touch targets of at least 44 px, text that scales to 200 percent, no meaning by colour alone, and reduced-motion support.
Test with a screen reader on one page in English and Arabic.

Do not do this

Do not use an "accessibility overlay" plug-in as a fix.
Do not change the brand colours without showing me the safe alternatives first.

Try another entry