Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 2 years ago

Intro Component with Sign-up Form - JavaScript & Constraint Validation

accessibility, bem, sass/scss
P
a-woodworth•460
@a-woodworth
A solution to the Intro component with sign-up form challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Hi everyone! 👋

Just finished this section component/form challenge. I modified this design to better meet accessibility standards by using darker colors. I also changed the labels so they persist on focus/error states.

There is no backend connection. I decided to leave in the form action/method info in the HTML for now, but this does trigger a 405 Not Allowed on form submission from my GitHub page.

For the validation, I used the Constraint Validation API. I've added links in my Readme to info on forms and accessibility.

If something is not working with accessibility, please let me know. Still learning and trying to improve my coding skills in this area with each challenge.

Happy Coding!

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on a-woodworth's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License