Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

SIGN UP FORM WHIT HTML AND CSS

@RenanDevWeb

Desktop design screenshot for the Intro component with sign-up form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I cant make warning error mensage inside input form.I dont know how to do this part.

Community feedback

@jorgeflagel

Posted

Hi, the warning pop up because you don't have a label tag in the inputs. If someone that has vision problems needs to access the site using a screen reader, he/she won't know which input is required (a password? a name?). If the design doesn't require a label tag, you have to add an aria-label property, for example:

<input aria-label="last name" type="text" placeholder="last name" required>
<input aria-label="Email Address" type="email" placeholder="Email Address" required>
<input aria-label="password" type="password" placeholder="Password" required>

When the screen reader focuses on the input, it will read the aria-label and the person will know what is required.

Hope it helps.

1

@tushar416

Posted

hello there! I did the same project. I think you can check my code to get an idea if you wish: https://www.frontendmentor.io/solutions/intro-component-with-signup-form-WVrMKMk6l not perfect, but it will help.😊

0

@RenanDevWeb

Posted

@tushar416 of course i´ll , thanks a lot

0

Please log in to post a comment

Log in with GitHub
Discord logo

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