Lead:  Liav Nadler  

Issues to cover

• Inputs

  • Default values

  • Field dependencies

  • Mandatory indicators

• Validations

  • Invalid values

  • Blank mandatory fields

  • Leaving the page without saving

• Grouping fields

• Form-level elements

  • Status tags

  • Messages

• Action buttons

  - Including location (top / bottom)

• Status tags

Messages

• Top for form-level

• Bottom for widget-level, sticky

• Distances between buttons (if more than 2)

• Guidance

  • Form instructions

  • Field help

• Autosave

• Preventing users from selecting labels

Description

• A form is a collection of input controls, allowing users to enter data that is then sent to a server for processing.

• Forms may appear in either workspaces, wizards or dialog popups.

• This page will focus mainly on forms within workspaces, although many of the guidelines are common for all forms.

...

Unless otherwise specified, see our general compliance information in Fundamentals - Accessibility

text highlight when using a keyboard + using arrows when in edit mode (left, up or home to set the insertion point at the beginning; right, down or end to set it at the end).

Design

...