Staying Inn Accessibility Demo

Forms

Making forms accessible is pretty easy with the right techniques. A few of these are outlined below.

Techniques for Accessible Forms

Let's look at just a few of the techniques to make forms accessible.

Labels

When properly coded, labels can provide both visual and programatic cues about what should be entered in a form field. Screen readers will read the label when the user enters the form. They provide the following benefits:

Buttons

Many sites will use objects styled to look like buttons to interact with the form. These require scripting to "listen" for clicks and keyboard interaction, whereas using a simple button doesn't require that scripting and will accomplish the same thing.

Sometimes, the scripting will only look for click actions and disregard keyboards. In a case like that, it makes the form inaccessible to screen reader and keyboard-only users.

Other Techniques

While they won't be covered here, other techniques for form accessibility include the following:

Sample Accessible Form

Here's a sample feedback form using some of the techniques outlined above.

Feedback Form

Your feedback is important to us! Please fill out the form below and we'll be in contact with you as soon as possible.

Note: Fields marked with an asterisk (*) are required.

Your Name
Contact info

Note: Only provide this information if you would like to be contacted.

Your feedback
If you would like us to contact you, how would you prefer we do so?
Would you like to sign up for our email newsletter?