Intro-component-with-sign-up-form plain htmtl, css and JS

Community feedback

• 

  P. Ricardo•2,370

  @pRicard0Posted about 1 year ago

  Some more HTML tips

  • Everything inside the form should be wrapped inside a <fieldset> which will have a <legend> that is visually hidden using CSS. The legend tag is like the label of the form.
  • The error message is invisible but auxiliary devices can still read it. The message must contain aria-hidden="true"
  • The input must contain aria-invalid. It is used to indicate whether the value of an input field or form control is valid or invalid for the user. You should update the value using Javascript. aria-invalid should be true or false.

  Marked as helpful

  1

  ---

  

  the-coding-beekeeper•270

  @the-coding-beekeeperPosted about 1 year ago

  @pRicard0,

  thank you for your helpful tips! greetings and happy coding!

  0
• 

  P

  Krishna Vishwakarma•1,390

  @KrishnaVishwakarma1595Posted about 1 year ago

  Hello, @the-coding-beekeeper,

  Congratulations on completing the challenge. Nice and Wonderful solution, Great!

  I just have one point to mention here about the HTML Accessibility -

  • So, for the second <section> tag in your HTML, there should be any h1-h6 heading tag as per the accessibility rule.

  • All the input fields should have an aria-label attribute which describes what the input is for, mainly for the screen readers.

  I don't know it might have given you a warning/error for both of them at the time of submitting the solution. If not given that's good for you. We must follow the HTML accessbility rules while working with Semantic HTML tags.

  Hope this will be helpful information for you.

  Happy Coding

  Marked as helpful

  1

  ---

  

  the-coding-beekeeper•270

  @the-coding-beekeeperPosted about 1 year ago

  @KrishnaVishwakarma1595,

  thank you for your helpful tips! No, there was no error-message when I submitted the solution. Greetings and happy coding!

  1