Oliver Lindberg
Oct 6, 2016 · 2 min read

Heidi Valles proves that predictable isn’t boring when it comes to accessibility

One of the issues I enjoy digging into when auditing sites for accessibility is consistency; making sure repeated terms and functionality appear and behave the same way across the entire website. Aligning common elements in this way makes for a predictable experience that supports the user when
they are exploring the site.

One of the four principles of WCAG 2.0 states that websites should be ‘predictable’. Under this, there are two criteria that depend specifically on consistency. 3.2.3 dictates that navigational items (e.g. navbar links, previous and next arrows, breadcrumbs) occur in the same relative order each time they are repeated. 3.2.4 rules that components that have the same functionality (e.g. carousels, tabs, buttons) are identified consistently.

It’s understandable that someone might think that adding a little variety would make a site more interesting. But in general, a uniform UI is actually of service to your users. Having to learn how to use a site over and over again with each new page will only frustrate visitors, particularly those using assistive technology who might now need to invest even more time and energy.

Consistency tips

Let’s go through some key ways you can make sure your website is easy to use.

  • Keep navigation constant: Small changes like updating ‘Sign in’ to ‘Log out’ are fine, but in general your page navigation should be unchanging and ever-present
  • Make functional elements predictable: Elements that help a user move through content (e.g. ‘next’ and ‘previous’ links, pagination), should look and act the same wherever they’re used
  • Consider notifications: Adopt a consistent method for laying out forms, displaying notifications and giving error messages. Ensure info tips, carousels, date-pickers and other widgets all look and behave the same way
  • Don’t reuse functional icons for different purposes: A ‘next’ arrow should always be a next arrow
  • Use clear, consistent terminology: Ensuring your terminology is consistent will lessen cognitive load and make a site feel easier to understand. If search functionality is labelled ‘Search’ , use this term throughout — don’t introduce other descriptors such as ‘Find a topic’ or ‘Page lookup’

By creating an overall experience that is predictable and clear, users can navigate with confidence, absorb content fully, and move on to participate, make a purchase, or reach out. An accessible website is an effective website.

Heidi is a developer and accessibility consultant. Her business Arch Inclusive specialises in creating accessible websites and helping others do the same

This article originally appeared in issue 276 of net magazine.

net magazine

The magazine for web designers and developers. Organiser of www.generateconf.com. Tweet to @netmag and @oliverlindberg. Also see www.creativebloq.com

Oliver Lindberg

Written by

Independent editor and content consultant. Founder and captain of @pixelpioneers. Co-founder and curator of www.GenerateConf.com. Former editor of @netmag.

net magazine

The magazine for web designers and developers. Organiser of www.generateconf.com. Tweet to @netmag and @oliverlindberg. Also see www.creativebloq.com

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade