Introduction to Web Accessibility

First published: 29th March 2021
Last updated: 26th April 2021
Who is this page for?

Visual and UX designers looking for guidance on producing accessible interfaces

Summary

When websites and web tools are properly designed and coded, people with disabilities can use them. However, currently many sites and tools are developed with accessibility barriers that make them difficult or impossible for some people to use.

Making the web accessible benefits individuals, businesses, and society. International web standards define what is needed for accessibility.

Accessibility in Context

The power of the Web is in its universality.
Access by everyone regardless of disability is an essential aspect.

Tim Berners-Lee, W3C Director and inventor of the World Wide Web

The Web is fundamentally designed to work for all people, whatever their hardware, software, language, location, or ability. When the Web meets this goal, it is accessible to people with a diverse range of hearing, movement, sight, and cognitive ability.

Thus the impact of disability is radically changed on the Web because the Web removes barriers to communication and interaction that many people face in the physical world. However, when websites, applications, technologies, or tools are badly designed, they can create barriers that exclude people from using the Web.

Accessibility is essential for developers and organizations that want to create high-quality websites and web tools, and not exclude people from using their products and services.

What is Web Accessibility

Web accessibility means that websites, tools, and technologies are designed and developed so that people with disabilities can use them. More specifically, people can:

  • perceive, understand, navigate, and interact with the Web
  • contribute to the Web

Web accessibility encompasses all disabilities that affect access to the Web, including:

  • auditory
  • cognitive
  • neurological
  • physical
  • speech
  • visual

Web accessibility also benefits people without disabilities, for example:

  • people using mobile phones, smart watches, smart TVs, and other devices with small screens, different input modes, etc.
  • older people with changing abilities due to ageing
  • people with “temporary disabilities” such as a broken arm or lost glasses
  • people with “situational limitations” such as in bright sunlight or in an environment where they cannot listen to audio
  • people using a slow Internet connection, or who have limited or expensive bandwidth

For a 7-minute video with examples of how accessibility is essential for people with disabilities and useful for everyone in a variety of situations, see:

Web Accessibility Perspectives - Compilation of 10 Topics/Videos

Remote video URL
Video transcript

Video isn't just about pictures,

it's also about sound.

Without the audio you would have to guess what this film is about.

Frustrating, isn't it?

Not knowing what's going on.

That's the situation for everyone who can't hear.

Captions make videos accessible.

Which is also handy for people who want to watch video in loud environments.

Or where you need to be very, very quiet.

There's something about great design

that allows it to go practically unnoticed.

But it doesn't take much to make things confusing and frustrating.

Choosing colors with poor contrast makes navigating, reading, and interacting a real pain.

Good design means sufficient contrast between foreground and background colors.

That's not just text and images but links, icons, and buttons.

If it's important enough to be seen, then it needs to be clear.

And this is essential for people with low contrast sensitivity.

Which becomes more common as we age.

With good colors, websites and applications

can be easier to use in more situations.

Like in different lighting conditions.

Imagine if you could only communicate with your family by writing.

Sometimes it's just easier to speak.

One of the advances of technology is voice recognition.

Whether it's searching the Web:

"Nineteenth Century Architecture."

Dictating emails:

"Send email to Jack Harding."

Or controlling your navigation app.

Many people with physical disabilities

rely on voice recognition to use the computer.

"Place order."

But for that to happen websites and apps need to be properly coded.

"Go? Cancel?"

Voice recognition could help lots of other people

with temporary limitations too, like an injured arm.

"Place order."

It can also prevent injuries becoming worse,

like RSI: Repetitive Stress Injury.

Or for people simply preferring voice.

"Some people can't see the text on this screen."

"Fortunately, computers can convert text to speech."

It's technology that many people who are blind have been relying on for years.

But it's also important for many people with dyslexia.

And very useful for people who have difficulty reading text.

As well as some people who just like to multi-task.

But for this to work,

websites and apps have to be properly coded.

Which has the added benefit of helping search engines index websites' contents better.

Poor layout can be very frustrating.

And the same applies to the Web.

Good design involves good layout

and that means a better user experience.

This includes clear headings, navigation bars, and consistent styling.

Any web user will get frustrated with bad layout and design.

Complex layouts also make finding information difficult

or impossible for people with visual disabilities.

And they are confusing for people with cognitive and learning disabilities

who need clarity and consistency of the presentation.

Bad design also impacts anyone who isn't particularly confident around computers.

All the right gears can be put in motion.

The hands can be at the exact place they need to be.

But if you don't get the response that you're expecting,

you'll end up wondering if there's some sort of problem.

It's the same on the Web.

Without clear notifications and feedback,

people are quickly disorientated and confused.

Especially error messages which are often complex and confusing.

Yet making the understandable is usually quite simple.

Making websites and apps predictable and understandable

makes them accessible to people with cognitive and learning disabilities,

and more usable for everyone.

Especially for people with lower computer skills.

Trying to hit a small target requires lots of effort.

Many websites and applications try to thread the needle.

But on the Web, we can make areas for clicking and tapping larger and easier to use.

Which is handy on mobile devices

especially when we might be moving around at the time.

Which is critical for people with reduced dexterity.

What's right for you

doesn't necessarily work for the next person.

Customization isn't always just a question of preference though.

Sometimes, it's a necessity.

Being able to adjust the text is crucial with low vision and dyslexia.

Properly coded websites and applications allow the text to be customized.

For example, to change its size, spacing, font, and colors

without loss of functions or clarity.

Instead of saying:

"To postulate a conceit more irksome

than being addressed in sesquipedalian syntax is adamantine",

it is better to say:

"Being spoken to in unnecessarily long

and complicated language is a pain".

Yet many websites lack structuring

using headings, lists, and separations.

Or they use overly complex language, jargon,

and unexplained acronyms.

It makes them difficult and unappealing for many people,

including non-native speakers,

and makes them unusable for people with cognitive and learning disabilities.

Not being able to use your computer

because you mouse doesn't work, is frustrating.

Many people use only the keyboard to navigate websites.

Either through preference or circumstance.

Whether it's temporarily limited mobility,

a permanent physical disability,

or simply a broken mouse,

the result is the same:

Websites and apps need to be operable by keyboard.

Web accessibility: Essential for some, useful for all.

More Info on What is Accessibility

More Info on What is Accessibility

Accessibility is Important for Individuals, Businesses, Society

The Web is an increasingly important resource in many aspects of life: education, employment, government, commerce, health care, recreation, and more. It is essential that the Web be accessible in order to provide equal access and equal opportunity to people with diverse abilities. Access to information and communications technologies, including the Web, is defined as a basic human right in the United Nations Convention on the Rights of Persons with Disabilities (UN CRPD).

The Web offers the possibility of unprecedented access to information and interaction for many people with disabilities. That is, the accessibility barriers to print, audio, and visual media can be much more easily overcome through web technologies.

Accessibility supports social inclusion for people with disabilities as well as others, such as:

  • older people
  • people in rural areas
  • people in developing countries

There is also a strong business case for accessibility. As shown in the previous section, accessible design improves overall user experience and satisfaction, especially in a variety of situations, across different devices, and for older users. Accessibility can enhance your brand, drive innovation, and extend your market reach.

Web accessibility is required by law in many situations.

More Info on Accessibility is Important

Making the Web Accessible

Web accessibility depends on several components working together, including web technologies, web browsers and other "user agents", authoring tools, and websites.

The W3C Web Accessibility Initiative (WAI) develops technical specifications, guidelines, techniques, and supporting resources that describe accessibility solutions. These are considered international standards for web accessibility; for example, WCAG 2.0 is also an ISO standard: ISO/IEC 40500.

More Info on Making the Web Accessible

Making Your Website Accessible

Many aspects of accessibility are fairly easy to understand and implement. Some accessibility solutions are more complex and take more knowledge to implement.

It is most efficient and effective to incorporate accessibility from the very beginning of projects, so you don’t need go back and to re-do work.

More Info on Making Your Website Accessible

Evaluating Accessibility

When developing or redesigning a website, evaluate accessibility early and throughout the development process to identify accessibility problems early, when it is easier to address them. Simple steps, such as changing settings in a browser, can help you evaluate some aspects of accessibility. Comprehensive evaluation to determine if a website meets all accessibility guidelines takes more effort.

There are evaluation tools that help with evaluation. However, no tool alone can determine if a site meets accessibility guidelines. Knowledgeable human evaluation is required to determine if a site is accessible.

More Info on Evaluating Accessibility