Responsive site built with mostly HTML/CSS and JS only for email input

Community feedback

• 

  T

  Chamu•13,130

  @ChamuMutezvaPosted about 3 years ago

  Nice work Ryan and pretty cool animations as well. The input element should have a label.

  Marked as helpful

  1

  ---

  

  Ryan Mahara•135

  @MainlyColorsPosted about 3 years ago

  @ChamuMutezva yea the label vs placeholder thing confused me when I was doing research, so is the label for Accessibility? I used placeholder because the text was in the textbox, I thought of creating a label and using CSS to place it within the box then using JS to remove it or move it up when the user starts typing but went with placeholder in the end because I couldn't tell the difference between the two.

  0

  

  T

  Chamu•13,130

  @ChamuMutezvaPosted about 3 years ago

  @ryan2505, yes that is right screen readers do not read the place holder content. Meaning / purpose of input is read from the label

  Marked as helpful

  0

  

  Ryan Mahara•135

  @MainlyColorsPosted about 3 years ago

  @ChamuMutezva Thanks for the help😁

  I'll make the changes to include a label today or tomorrow

  0
• 

  Ryan Mahara•135

  @MainlyColorsPosted about 3 years ago

  Fixed the label and added some animations to it if anyone wants to check it out, tried getting the website perfect the screenshot stops being a few pixels off but after checking I matched the figma, idk why its still off?

  0