Re: New Message: Floating Placement for Label Forms

Hi there!

If done correctly, the floating label technique can be 'accessible' in that it can be made to conform to WCAG specifications.

However, there are plenty of caveats and usability concerns, as outlined in these articles. 

https://www.smashingmagazine.com/2021/02/material-design-text-fields/

https://uxmovement.com/forms/infield-top-aligned-labels-floating-labels/


Best regards,
Juliette

On 2/23/2023 11:53:55 AM, Education Dynamics <eddyuxcro@gmail.com> wrote:
Hello!
We want to get more clarification about the placement of the labels for forms.
We know the recommendation for labels is that they should stay close to the form field, either right or left. However, we were wondering if we will have accessibility issues if the label is placed in the middle of the field (like a placeholder), and once users click to type on the field, the label moves up.
The code setup of the element will be as a label but with a float animation. (see the example attached)
Please let us know what the answer to this question is.

Thank you!