Contact Form (H3)

This FORM is here to show an example of different accessible FORM input types. Will add more notes in the HTML comments for those that want or might need them.

The first name and last name fields on this form are required so I have added three different possible ways not notify users they are required. the first being the RED - asterisk - * after the LABEL for the visual users. I have also added two ways for screen reader users to be notified the field is required. First is adding the word “Required” to the LABEL and hiding it off screen using CSS. The other way is adding aria-required=“true”. This will cover your bases for those few new screen readers and new browsers, while the previous example cover older browsers and older screen readers or some combination of those.

Personal Information
  1. Do you want your personal information visible to others, which would include address, phone numbers, e-mail address, and website information. You can change this text at a later time to place better instructions on this page.

    Fields with RED - asterisk - * are required.

Hide my information from others, because I'm shy.
Pick all that apply.