Versions Compared

Key

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

...

  • Not skip HTML heading hierarchy levels in order to comply with screen reader guidelines.

  • Use title case capitalization (see the Capitalization section below).

Labels

Effective form labelling helps users to understand which information to enter into a form input.

  • A common method of space saving is using placeholder text as a label. However, this is not recommended because it hides context and can present accessibility issues. The use of placeholder labels should be restricted to forms where the field purpose is a universal standard, and where accessibility can be guaranteed, e.g. login forms.

  • Provide a text label, above or next to its associated field and left aligned to its associated field. Checkboxes 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

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 error color with the star symbol to identify its necessity.

...

Accessibility

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

...