Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • Provide a text label, left aligned to its associated field. Check boxes and Radio Buttons are exceptions to this rule.

  • In situations where horizontal UI space is limited, or responsive design is used, render the label above its associated field.

  • Ensure that all labels and associated fields are vertically aligned as columns in a table.

Required fields

It’s well known that users don’t always read instructions, and they are particularly unlikely to read instructions at the top of a form. Form fields are primarily self-sufficient and each field has a specific instruction: its label. Hence all All required fields should be marked with an asterisk in close proximity to its associated label.

  • Provide a star (asterisk) symbol positioned in superscript.

  • Use the Verint warning error color with the star symbol to identify its necessity.

...