Remove placeholders from all form elements

[neilpfeiffer]

Feature Request

Description

With WCAG2.1, placeholders in form elements would need to pass at the color-contrast ratio of 4.5:1 to satisfy accessibility requirements for distinguishable text, which is too dark of a color that causes users easily mistake placeholder text for actual entered form values.

In order to best solve, UX will be removing placeholders from all form elements, opting instead for better use of form labels and help-text to communicate guidance for users.

Engineering Notes:

Wait to resolve this issue until has been planned work to include with a Major Version Bump, and need to wait to work with UX to align on appropriate API adjustment -- most likely will be staged where placeholder prop values will be re-routed to another form element (help-text, label, etc) external to the form elements themselves.

\ \ .

Related References:

• The Paciello Group: "The placeholder attribute"
• Nielsen Norman Group: "Placeholders in Form Fields Are Harmful"
• UXmatters: "Don’t Put Hints Inside Text Boxes in Web Forms"

[stale[bot]]

This issue has been automatically marked as inactive because it has not had recent activity. It will be closed in seven days if no further activity occurs. Thank you for your contributions.