The labels must be related to input fields
Folks, I'm shocked! 😮I thought everyone knows the best practice that tells labels must be linked with input fields. But if we click on the Password label on the Perply app we will be ignored 😒
Preply makes us clicks only the password input field. Yep, I can do that, and there are people with hand tremors for which it's a hard challenge 😐
That's why Booking app expands a clickable area using the for attribute of the label HTML element that links it with an input field. As a result users can click on this label and focus will move to an input field. And people can start filling in a password! 🥳
✉️ I make free unlimited Q&A sessions about user-friendly web-interfaces (UX, a11y) via email with expect responses in 2 days.
😎 I make free UX and a11y reviews of your non-commercial projects and recommendations for improvement.
Please, use my email for communication 👉 email@example.com
💪 Discover more free things from me
❤ Thank you so much, my sponsors: Ben Rinehart, Sergio Kagiema, Jesse Willard, Tanya Ten, Konstantinos Kapenekakis.