Accessible Forms and Error Handling Review
Verify labels, instructions, validation, and error recovery.
The Open buttons send the prompt text as currently shown below to that site only when you click. Fill in the placeholders first.
Review a form for accessible labels, instructions, validation, and recovery. Form purpose: [FORM_PURPOSE]. Form HTML or a field-by-field description, including labels, placeholders, required fields, error messages, and how submission works: [PASTE_FORM_MARKUP_OR_DESCRIPTION]. Check each item as Pass, Fail, or Cannot tell with the field name and the fix: [ ] Every input has a programmatically associated label (not placeholder only) [ ] Required fields are indicated in text and in code [ ] Instructions and format hints are in text before the field and tied to the field [ ] Fields use proper input types and autocomplete attributes for common data [ ] Groups of related fields (radio buttons, checkboxes, address) use fieldset and legend [ ] The order of fields and focus order is logical; no keyboard traps [ ] Errors are identified in text, linked to the field, and announced to screen reader users [ ] An error summary appears at the top for long forms, with links to the fields [ ] Error messages say what is wrong and how to fix it [ ] The user's data is not lost after an error [ ] No time limit, or it can be extended [ ] Confirmation page or message after submission is announced [ ] Buttons describe their action [ ] Touch targets are large enough [ ] Authentication steps avoid cognitive tests where possible [VERIFY the standard version] Provide corrected markup for the three worst issues and a manual test script using only a keyboard and one screen reader.
Fill in before use
Optional: type your details and the prompt above updates. Nothing is saved or sent.
Replace each bracketed placeholder with your own details, then paste into Any AI or another assistant.
See an example result (fictional data)
Field: Email. Label: placeholder only ("[email protected]"). Result: FAIL. Fix: add <label for="email">Email address</label>; keep the placeholder as a format hint.
Field: Phone. Error text "Invalid" shown in red only. FAIL. Fix: "Enter a phone number with 10 digits" linked with aria-describedby, and announced.
Error summary: missing on a 12-field form. Fix: a summary at the top with links to fields.
Pass: submit button text "Send request"; tab order is logical.
Cannot tell: time limit (session timeout not described).
Corrected markup for email field:
<label for="email">Email address</label>
<input id="email" type="email" autocomplete="email" aria-describedby="email-hint">
Manual test: complete the form using only the keyboard, then with a screen reader.Illustrative only, made-up data. Your results will differ and must be reviewed.