Provide a graphic * image in the label with appropriate alt text.Provide the required text in the label.
This is the second blog post of my series on accessible forms, feel free to check out the first post in our series on placeholders. Below, we will explore each of the methods. There are multiple ways of providing this cue that a particular form field is required. Most of these forms have required fields which means the user must fill these fields in order to submit the form successfully. Websites and mobile apps collect a wide variety of data using the forms. If a person without disabilities couldn’t grasp these simple things while filling forms, I could imagine how people with visual, physical, and cognitive disabilities would feel. Then, someone told me that the fields that were required would show in red color if they weren’t completed. Every time I clicked “submit,” it gave the same message: “please fill in the required field.” I scanned the forms to see if they gave any clue identifying these mandatory fields, but this effort was in vain. Somehow, I sailed through and went to the “payment” section. When I filled the details and submitted the form, a message saying “Please fill Address line 2” arose. I selected my choice of cake, added it to cart, tried to fill my delivery address and there started the road to chaos. Recently, I tried to order a cupcake on a new website and I utterly failed. The Anatomy of Accessible Forms: Required Form Fields