How Accessibility works with SEO to help your website rank better in search engines

Introduction SEO and accessibility are words that often get thrown around in the digital marketing world. But what do they mean? And how are they connected? This article will give you a better understanding of how accessibility work together with SEO to help your website rank better in search results. SEO explained Search Engine Optimisation […]

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 […]

Website Accessibility Tips #4: form field focus outline

When a website visitor navigates through your website using a keyboard, it’s standard practice (or it should be!) to have interactive elements, like links (image and text) and form fields to have a distinctive outline when that element receives ‘focus’. What does this mean? An element is said to have focus when it is the […]

Website Accessibility Tips #3: form fields tab order

When filling in web forms it’s common practice to use the tab key on the keyboard to navigate from one field to the next, rather than clicking from field to field with a pointer device like a mouse. But this method of navigating a web form is only useful if the cursor moves from field […]

Website Accessibility Tips: #2: form field outline

Web form usability is important because the more usable your form is the more likely it will be filled in by the user, helping meet your objectives for the form. An important aspect of web form design is the display of the fields and how they appear against the background colour of the page. Providing […]