intro-component-with-signup-form

Some 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.
• You should use aria-describedby. The aria-describedby attribute lists the ids of the elements that describe the object. It is used to establish a relationship between widgets or groups and the text that describes them. In short, it is used to associate the input with the error message in this case.