All comments

• 

  Abdul Khaliq 🚀•72,560

  @0xabdulkhaliqSubmitted over 1 year ago

  👾 Hello, Frontend Mentor Community,

  This is my solution for the Intro Component with Signup Form.

  • I learned how to use regular expressions for form validation using JavaScript
  • The toughest part is searching for variable font of Poppins for this challenge, but there's not available. Ended up with individual font files for each font weights
  • Layout was built responsive via mobile first workflow approach
  • Had a lots of fun building this challenge !

  Now for the questions :

  • Does the heading "Learn to code by watching others" can be a <h1> element or not ?, If not then please let me know why.
  • Can anyone share any best accessibility tester (especially for form) , i want to test this form for whether it's accessible or not
  • Finally, Feel free to leave any feedback and help me to improve my solution (or) make the code clean!

  ---

  .

  👨‍🔬 Follow me in my journey to finish all newbie challenges to explore solutions with custom features and tweaks

  Ill be happy to hear any feedback and advice !

  

  Intro Component with Signup Form 🎯 [ BEM - VANILLA CSS3 - JS REGEXP ]

  3

  459
  

  Seung Woo (Paul) Ji•90

  @seungwoo-jiPosted over 1 year ago

  I think using h1 tag makes senses to me as it only appears once in the page and contains an important message. As for a simple accessibility testing tool, try to use the lighthouse that is already available for you in the chrome devtool. It gives a rough estimate how accessible your app is.

  0