Formcontrol component: Avoid showing (error) messages below form fields. #180
Description
My argument here is simple. Avoid putting important actionable or informational text exclusively below form fields. This includes labels, hints, and error messages. Here is why:
- Auto-complete features in browsers obscure them.
- On-screen keyboards can obscure them.
- Depending on how you programmatically associate this text with form fields, it may be an anti-pattern to announce afterward in screen readers.
https://adrianroselli.com/2017/01/avoid-messages-under-fields.html
This usability research is also enlightening, the struggle of that first gentleman, suggests there should be a clear visual binding of the input widget and its informational descriptors.
Though, that's probably less of an issue for an admin-ui (depending on how often users are expected to use the tool), but more to keep in mind when working on a more general Maykin design system.