Website Accessibility Tip #10: better login forms

Login forms are ubiquitous on the web – we need them for everything from logging into our social media accounts to accounts on ecommerce sites, cloud-based email and storage, and our personal websites, with everything in between. Logging into a site requires intent – you wouldn’t go through the hassle of recalling your username and […]

Website Accessibility Tip #9 : descriptive form error messages

In my last article I covered the placement and styling of form error messages to help your website users to quickly and clearly identify which fields on a form had errors. In today’s article I want to cover the format of the error messages. All too often you’ll find an error message that says “Error. […]

Website Accessibility Tip #8 : form error messages

“Error in your form submission. Please fix them and submit again.” How often do you see this type of error message when filling out a website form? It’s usually placed either just above or just below the submit button, and provides no other information. For example, which fields have errors? Particularly for large forms this […]

Website Accessibility Tip #7 : form field placeholder text

Is your web form placeholder text helping or frustrating? One of the most useful features of a form is the field placeholder. When used properly of course. A field placeholder can be added to any text-type field including the single text field, email field and text areas. It’s common that the colour of placeholder text […]

Website Accessibility Tip #6 : form field labels and descriptions

How often have you seen a website form where the fields don’t indicate what is needed from you? All too often I bet. There’s a minimalist design pattern that designers employ to make a website form look sleek, by not including any text around the fields; no doubt the form looks good but is it usable? After […]

Website Accessibility Tip #5 : form field auto-fill

Carrying on with helping you ensure your website form is accessible and usable by all your website visitors, I touch on form field auto-fill in this tip. This has to be one of the easiest accessibility fixes that can be made on your web forms and it can make your web form so much easier […]

Is your website contact form accessible?

Does your website encourage visitors to get in touch via a web form? Most websites do, and many sites have multiple forms. But is your web contact form accessible? Can every visitor to your website, regardless of ability, fill in your web form successfully? “How would I know if my web form is accessible?” I […]