SIGN UP FORM WHIT HTML AND CSS

Community feedback

• 

  Jorge Flagel•195

  @jorgeflagelPosted over 3 years ago

  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

  ---

  

  Renan Salmazio•50

  @RenanDevWebPosted over 3 years ago

  Thanks a lot.

  0
• 

  Tushar Mehra•470

  @tushar416Posted over 3 years ago

  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

  ---

  

  Renan Salmazio•50

  @RenanDevWebPosted over 3 years ago

  @tushar416 of course i´ll , thanks a lot

  0