Skip to content
Submitted 10 months ago

Resposive form using Flexbox

Nira•130
@dhafindzahin
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Intro component with sign-up form
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Took me a while but finally finish it.

I have a question, So I prevent the default browser validator so I can use my email validator, because without preventing it the browser will still submit the form even though it's invalid. This seem like a bad thing to do for accessibility, because now the browser won't automatically focus to invalid input field. Should I be concern with this?

Community feedback

  • Raza Abbas•790
    @RazaAbbas62Posted 10 months ago

    Yes, you should be concerned. Disabling the default browser validation can impact accessibility as it removes the automatic focus on invalid input fields. To address this, ensure your custom email validator sets focus on the first invalid field and provides clear error messages, maintaining a balance between customization and accessibility for a better user experience.

    Marked as helpful
    1
    Nira•130
    @dhafindzahinPosted 10 months ago

    @FazeenIjaz Thanks for the feedback. Yeah I will definitely try doing that, it shoud just be a few line of javascript

    edit: just fix it, it should be up

    1

Please log in to post a comment

Log in with GitHub

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