What is accessibility and usability?

The difference between accessibility and usability is easily confused, not obviously clear and seems to overlap. Get your tea or coffee ready because we are here to help!

What is accessibility?

Photo of a doormat then 3 different pairs of shoes on top of it. On the left are a man's shoes, then in the middle are a woman's shoes, then on the right a kid's shoes

Accessibility is mainly to do with what categories of people can or cannot access communication, products, services or buildings. And what devices, software or products they may use to help them. For example, people with vision impairments, or who are ageing, or have dyslexia, or have physical disabilities, have certain needs and specific requirements, to be able to access things as easily as everyone else. There are also things called access structures (Waller, 1979), which are not to do with different people’s needs, however, they allow better and more customisable access to communication, products, services and buildings.

Examples of accessibility

An accessible website

Websites can have extra description, for example to describe the content of photographs, and extra tags put into the code of website to better describe the content, allowing screenreaders to better understand the webpage. If the person’s vision impairment is quite severe, they may not be able to depict and decipher the content and things inside the photograph, so how would they be able to read the photograph? Well, alt tags can be used to describe the image in a text form, that can then be read-out in audio form, using screenreader software.

alt="We can describe the content of an image in text form within this website coding tag, so it can be read-out in audio. Do you hear me?"

Access structures

In the area of graphic communication design, things like: a search option on a website, or an index in the back of a book, or a contents page at the front of a publication, allow better access to the information. Even simple heading levels like heading 1, heading 2 and heading 3, allow much better access into information. Imagine if the information was one large block of text with no indents, headings, punctuation or paragraph spaces, how easy would it be to use then..?

Yes access structures increase and improve usability, however, they are more directed at allowing better access to information.

Accessibility and laws

Since 2010, there have been great improvements, interest and new laws introduced around accessibility issues. Here are 2 links:

plainlanguage.gov logo, shows a double right speech mark in blue and red on the left, then the text 'plainlanguage.gov' on the right in thin black text
  • The Law and requirements webpage by The Plain Language Action and Information Network. The Plain Writing Act of 2010 in America, was signed on the 13th October 2010 and requires federal agencies (the American government) to use clear communication that the public can understand and use.
W3C World Wide Web Consortium Web Accessibility Initiative WAI logo, the text 'W3C' in large white capital letters on the left, then on 2 lines: 1st line says 'Web Accessibility', then 2nd line says 'Initiative WAI' all in white text with a yellow rule running between the 2 lines

Experiences of bad accessibility that you may have personally experienced

An obvious example is better access to public buildings through wider entrances, lifts and larger open-door buttons at waist height, so if people are using a wheelchair, or have a physical disability, or are using a vision impairment stick, they can do what they need to, just like anyone else. Just because some people might be less able than what is typical, does not mean they have to suffer…

In recent years, art galleries, museums and theatres have increasingly been making available portable audio descriptions, that bring alive what is on display, describing what is happening, and can even navigate users around the building (how amazing is that?). It is these sorts of ideas that highlight how transformational communication can be.

Woman in a wheelchair who has just come through a door behind her, she is wheeling herself to the desk on the right, with a laptop on the table in a room

What is usability?

Usability is the actual using and interaction with the communication, product, service, or building. It is more to do with whether people can or cannot do what they need to, or accomplish tasks. More specifically, usability experts and usability testers make a note of and analyse usability errors, and then fix them, to remove barriers and difficulties, to improve usability.

Examples of usability

The graphic communication design of a webpage

A typical example is that you could be presented with a webpage that has loads of text information, with very little leading (space between the lines of text), that also uses a very small typeface, and with advertisements that you do not care for. Can things get any more difficult to use? yes… An issue that is increasingly being encountered, is cookie policy accept/deny warning boxes popping-up when you 1st visit a webpage, which completely distracts and blocks your natural use of the webpage. But then you dismiss the cookie policy settings box, and then another email newsletter box pops-up asking if you want to subscribe, which is another thing you have to do, even before you have started to use and read the webpage! And then another pop-up box appears asking if you want to receive notifications from the website… All of this creates a hard to use and over-demanding graphic communication… All of this distracts, over‑complicates and creates extra barriers to your information, which can be very costly for your business or organisation, because it increases the chance of your users leaving and rejecting your item. Say goodbye to your users and customers in less than 3 seconds, these are the everyday realities of bad usability because of your faulty design, information and communication.

I cannot read this text, what does it say? Arghhh why is it so hard and demanding, but why? My day has already been so demanding and I do not have the time or effort!!! Come on, things should be easier than this…

Not being able to find typically needed and basic information

Maybe you were using a webpage or reading a monthly utility bill, and you could not find a telephone number or email address that you needed to clear-up a question you had? Sound familiar? yes we know… Or it could be that you cannot find an option to change a setting on your smartphone, because you are lost in submenus, and subsequently cannot do what you intended to do.

A woolly glove has been placed in the middle of 3 spikes on metal railings, so people can spot it and find it quicker

Plain English assumptions and guarantees… A plain English description of plain English is hard to write…

As an example, if I said to you ‘what is the size of the image you need for the website’, and then you replied ‘190 × 260’. This may sound fine, however, there are a few usability issues with this. 1st which of the 2 measurements is the width and which is the height? It is more standard practice to say the width measurement value 1st, then the height measurements value 2nd, however this is certainly not an precise assumption, and it could easily be the height 1st, then the width 2nd. Then, what is the measurement value of the 2 numbers? Is it centimetres (cm), millimetres (mm), mitres (m), inches (in), picas (p), points (pt), or pixels (px)? If you were a manufacturer of DIY (do it yourself) materials, what would happen if you supplied measurement information this way in your catalogue or on your website… Issues like this are surprisingly common, and are encountered on a daily basis by millions of people.

Another example could be the following 190–260 units. So editors, graphic communications designers or people who work with information on a daily basis would know that the en dash (the long minus like sign inbetween the 2 number values) stands for the word to, however using this formatting for people who do not work with text or graphic communication, or who have a low level of literacy, will have no idea about how to interpret this sign and value (GOV UK, 2016). It could even communicate to some people, the mathematical minus sign 190 - 260 (190 minus 260)… It is part usability to find out and foresee issues like this, as they can do a lot of damage to communication and take-up more time and effort than is usual for people.

Wat u mean mate..?

How important are accessibility and usability, and what are their effects?

Accessibility and usability are as important as every other aspect of your communications, products, services, or buildings. Even equally as important as how beautiful the design is (aesthetics) which gets the most time and attention in design projects. If different types of people cannot access your communication, products, services, or buildings, they will probably reject it and turn away, and then your communication has excluded them. Those people may even be potential customers or services users… which makes customers who are not using you, and creates lost sales.

A guide dog for the blind sitting in the middle of an American bus isle. The owner is on the left with a strap from hand to dog. A young person sits on the right looking at the dog

It makes your business more successful

Usability is the whole bowls of design and communication, if something looks good, but you cannot read it or understand it, then what? Small subtle not obvious changes in layout, colours, text, wording and technical aspects, have a huge impact on accessibility and usability.

Then there is the issue of the increased time and stress for people, if things are not accessible and usable, it wastes people’s time and increases stress, and damages the user’s experience of your service, harming your brand and reputation. This is not made-up, or some salesperson’s strategy, this is reality!

Accessibility has received great interest in general since 2010, especially by website designers, and for buildings being regularly used by members of the public. The web is a very open medium and everyone should be able to enjoy it, it is what the internet is about, and to exclude and create barriers to web content, goes against what it for and about, at its core. Accessibility and usability are critical factors that make-up what good design is.

Would you like to know more about accessibility and usability?

Photo of a crowd of people in a city street showing their heads

In almost all of the projects on this website, we have improved accessibility and usability issues and problems, improving the client’s communication massively. If you have a browse around this website, in the yellow navigation menu at the top of webpages, see the Book design, Journal design, Information design, Publication design, and Redrawing sections, and some of the projects have a before our redesign image, and after our redesign image.

Advancing experiences

Find out more about accessibility

W3C World Wide Web Consortium Web Accessibility Initiative WAI logo, the text 'W3C' in large white capital letters on the left, then on 2 lines: 1st line says 'Web Accessibility', then 2nd line says 'Initiative WAI' all in white text with a yellow rule running between the 2 lines Yellow quare background, with a black line pictogram of person with vision impairments using a vision impairment stick to find their way forward The text 'Inclusive Design Toolkit' in thin white letters on a dark pruple rectangle background
  • Inclusive Design Toolkit by the University of Cambridge, U.K. A great outline and introduction into inclusive design, with many interesting features and insights. For more inclusive design resources see also the University of Cambridge Engineering Design Centre website.

Find out more about usability

usability.gov logo, shows a diamond icon on the left, then the text 'usability.gov' in bold white large letters to the right
  • Usability.gov a leading resource for user experience (UX) best practices and guidelines, serving practitioners and students in the government and private sectors. Content for this site is managed by the Digital.gov team in the U.S.A. General Services Administration (GSA) Technology Transformation Service.
Front cover photo of the journal, shows it side-on with the text 'IDJ' in large white letters at the top, then in the middle of the cover is a technical illustration like the London Underground tube map
  • Information Design Journal is a peer-reviewed international journal that bridges the gap between research and practice in information design. Started in 1979 it publishes world-class academic papers, interviews and other pieces on information design issues.
Nielsen Norman Group logo, shows the letters 'NN/g' on the left, then the text 'Nielsen Norman Group' on the right in thin black letters, the word 'Norman' is in red
  • Nielsen Norman Group research-based user experience organisation, they write articles, conduct studies, present before and after case studies, and arrange worldwide conferences, which gives you a starter into usability problems and improvements.

Connected terminologies and areas around accessibility and usability

Design for all

The design of products, services and systems for as many people as possible, without the need for extra aids.

Ergonomics

Reduce human error, increase productivity, and enhance safety and comfort with a specific focus on the interaction, between the human and the thing of interest.

Inclusive design

Aims to remove the barriers that exclude people. Design is used to enable everyone to participate equally, confidently and independently in everyday activities.

Plain English and clear language

Clear and easy-to-understand writing and information.

Universal design

The design of buildings, products or environments to make them accessible to all people, regardless of age, disability or other factors.

User-centred design

An iterative design process in which designers focus on the users and their needs, in each phase of the design process.

User experience

How a user interacts with and experiences a product, system or service.

Concluding observations

It does not matter too much about being absolutely precise about accessibility and usability terminology, what matters is that they are both addressed, and we do hope you found it insightful. Accessibility and usability issues are critical to your communications, their importance has been gaining massive wide-spread value and momentum, especially since 2010. You can only go so far using your own understanding, you need access to experts like us, and to test with users (the people you are actually designing for). You are not the only one using the communication, product, service or building. It is unlikely that good and effective design will come from chance…

Any tea or coffee left? You have done well, thanks for reading. We can help you substantially decrease the complexity, time and difficulty of designing information that works well for a wide range of people. There is no need to be affraid… contact us.

It is what we do!