design-system icon indicating copy to clipboard operation
design-system copied to clipboard

[input elements V2]: To provide placeholder option or not?

Open sandra-post opened this issue 10 months ago • 1 comments

Situation

  • In Figma, we did not include the placeholder to input elements (text input, text area, ...) due to possible accessibility issues (see research)
  • In Storybook, the following elements currently have a placeholder:

Accessibility issues

From accessibility POV, there are some issues when using placeholders:

  • if used as replacement for accurate labels and/or hint texts --> not accessible because placeholder disappears on focus
  • its ok to use them but only additionally to labels/hints, so that on focus, the information given with the placeholder is still visible via label and/or hint
  • Theoretically, floating labels serve as placeholders

Question

Do we provide with Design System V2 placeholders for input elemnts or not? --> If YES: Adjust design in Figma --> If NO: Remove from Storybook

sandra-post avatar Dec 16 '24 13:12 sandra-post