VanaAPI

← Writing

Checking a sign-up form with a language model

Daily workEN2026-10-29

A small sign-up form is a useful place to begin checking accessibility. It might have two fields, a submit button and a message when something goes wrong. Each part needs to work for people who use a keyboard, a screen reader or a magnified view.

A language model can help you inspect the form, explain unfamiliar terms and suggest changes. Treat its response as a set of findings to investigate. It cannot establish that a page is accessible simply by reading its source.

§ Start with a small piece of the page

Give the model the form’s HTML and any CSS or JavaScript that affects its behavior. Include a short description of what happens after submission. If you share only a screenshot, the model may notice visual problems, but it cannot reliably determine labels, reading order or keyboard behavior.

Remove personal information, credentials and real customer submissions first. A small example with invented values usually gives the model enough context.

Ask for a focused review instead of a general accessibility score. A useful first prompt is:

Review this sign-up form for possible accessibility problems. Focus on field labels, keyboard use, instructions and error messages. For each finding, identify the relevant element, explain who could be affected and suggest a minimal change. Separate issues visible in the code from questions that require browser testing. Do not claim that the form meets WCAG.

WCAG means Web Content Accessibility Guidelines, a widely used standard for web accessibility. You can ask the model to explain relevant criteria, but verify any criterion numbers or compliance claims against the standard.

§ Read the findings as questions to test

A useful review points to specific elements and explains their effect. For example, an email field may use placeholder text without a visible label. The placeholder disappears when someone types, removing an instruction they may still need. A properly associated label also gives assistive technology a reliable name for the field.

Other findings may depend on behavior the model cannot observe. A styled element might look like a button but fail to work from a keyboard. An error message might appear visually without being announced by a screen reader.

Ask the model to turn uncertain findings into checks you can perform:

  • Can you reach each field and button with the Tab key, and move backward with Shift+Tab?
  • Can you always see which element has keyboard focus?
  • Can you submit the form using the keyboard?
  • After an invalid submission, can you find the error, understand it and correct the affected field?
  • When you zoom in, can you still read the instructions and use every control?

Run these checks in the actual page. Source code can suggest an intended experience; the browser reveals what the implementation does.

§ Make one change and check again

Choose one clear issue, such as a missing label, and request a small correction. Ask the model to explain the change in everyday language. Prefer standard HTML controls when they fit: they provide built-in behavior that custom controls would otherwise need to recreate.

After applying the change, repeat the relevant browser check. Use an automated accessibility checker to catch additional issues, and include a screen reader check where possible. Automated tools and model reviews cover only part of the experience; feedback from people with disabilities can reveal barriers they miss.

Be cautious when a model recommends adding ARIA attributes. ARIA supplies accessibility information to assistive technology, but incorrect attributes can make a control confusing. Ask whether ordinary HTML already provides the required meaning and behavior.

§ Keep a repeatable review note

Vana API can fit this workflow if you already use an OpenAI SDK. Its OpenAI-compatible endpoint lets you send a focused review request to a model such as Claude Sonnet 5.5. Requests are billed per real token, with no monthly fee. Create a Vana API account to try a review with a small form example.

Save the prompt, the findings you confirmed and the checks you performed. When the form changes, those notes give you a practical starting point for another review and help you distinguish a suggested fix from a verified improvement.