Feedback
What pattern has
Feedback pattern consists of several components that have their own accessibility requirements. You can find more about each of them in their guides:
Considerations for developers
- Use the
labelelement, and, in specific cases, other mechanisms (for example, title attribute, etc.), to identify each form control. - Use the
fieldsetandlegendelements to group and associate related form controls. - Ensure that the browser's autofill feature works correctly for the email input. Usually, this is achieved by setting
type="email",autocomplete="email", andidorname="email"attributes, as in the example.
Read Forms Tutorial from W3 for the detailed information and links.
Considerations for designers
- Provide instructions to help users understand how to complete the form and individual form controls.
- Notify users about successful task completion, any errors, and provide instructions to help them correct mistakes.
- Divide long forms into multiple smaller forms that constitute a series of logical steps or stages and inform users about their progress.
Other recommendations
Find more accessibility recommendations in the common Accessibility guide.