Re: New Message: Floating Placement for Label Forms

That’s an incredibly bad idea from every standpoint. Even if it’s accessible to screen readers or it’s found to be in compliance to the letter of WCAG, why would you want to reinvent the wheel… in a poorer form?
________________________________
From: Juliette Alexandria <mcshanejuliette@gmail.com>
Sent: Thursday, February 23, 2023 8:19:37 PM
To: Education Dynamics <eddyuxcro@gmail.com>; w3c-wai-ig@w3.org <w3c-wai-ig@w3.org>
Subject: 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!

Received on Thursday, 23 February 2023 23:29:36 UTC