Submitted about 1 year ago

Intro component with signup form with accessible labels

David Tejada• 380

@david-tejada

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Intro component with sign-up form

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

I just completed a challenge 🏅, any feedback is welcome 💬

Since using only placeholders is not very accessible I included dynamic labels, let me know what you think.
I think the javascript code turned out a bit ugly. How would you improve it?

Community feedback

PradneyaSP• 70

@PradneyaSP

Posted about 1 year ago

Your Solution is Beautiful .. I couldn't understand the dynamic labels though...Any references where I could learn them.

This is my solution by the way

And my repo

David Tejada• 380

@david-tejada

Posted about 1 year ago

@PradneyaSP

Thanks! I knew that using just placeholder as labels was not very accessible and I had seen this pattern before so I just googled it. I found this video. I didn't look much at the code but just the mechanics and just played around to see if I could get to a similar solution.

PradneyaSP• 70

@PradneyaSP

Posted about 1 year ago

Thanks 👍@david-tejada

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord