✎ Technique: Form error communication
Effectively and accessibly communicate form errors by: Communicating that a form has errors, Communicating any individual errors case by case, including clear guidance on how to address the error.
Effectively and accessibly communicate form errors by: Communicating that a form has errors, Communicating any individual errors case by case, including clear guidance on how to address the error.
For a number of reasons including data persistence, performance and security, it is sometimes beneficial to terminate idle user sessions. It's important to warn people a session is about to expire and give them the option to continue.
Users can find their way around a web site more easily and confidently if they know where they are.
Providing form feedback accessibly helps users submit data more accurately and reduces the chance for error.
Modal dialogs can enhance usability by focusing attention on a specific message that requires a user action to continue.
An accessible modal dialog is one where keyboard focus is managed properly, and the correct information is exposed to screen readers.
Expandables (sometimes called “collapsible” or “disclosure widgets”) are simple interface patterns that allow you to expand and collapse content.
Whether you provide controls using standard HTML elements or create custom controls, ensure that controls are given appropriate names.
If an active element is intended to be unavailable in a particular state and it’s hidden from view, it should not be able to receive focus.
Descriptive labels help users understand the purpose of a form control. Labels should be associated with their controls so that when the input is focused, the label is announced by screen readers.
Landmarks help assistive-technology users navigate to and between areas of a page, and they improve the efficiency of in-page navigation.
The main landmark defines the unique content of the page.