design-system
design-system copied to clipboard
[input elements V2]: To provide placeholder option or not?
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