Web Accessibility 101

Understanding Disability

This chapter builds empathy and insight by exploring how people with disabilities experience and interact with the web. You’ll learn the different types of disabilities, the assistive technologies and tools people use, and the common digital barriers they encounter. With this knowledge, you’ll be better equipped to create content and experiences that are accessible for individuals with disabilities.

Examples of temporary, situational, and permanent disabilities

Categories of Disability

People experience disabilities in unique ways. Some are born with them, others acquire them from illness, injuries, or aging. Some disabilities are permanent, and others last a short time. Disability is often divided into the broad categories of visual, auditory, mobility, cognitive, speech, and language.

Aging-Related 

As we age, we develop disabilities at higher rates than younger people. While elders don’t always consider themselves disabled, some use technology and assistive tools.

Health Conditions

People's health affects their energy, focus, and body. Some might tire quickly, experience pain, or have symptoms that make it hard to do a task. People's abilities change over time or from day to day. They might need certain accessibility features one day but different ones (or none) another day, depending on how they're feeling.

Temporary Disabilities

People sometimes experience short-term disabilities caused by accidents, illness, surgery, or medication. They might not know about accessibility options or how to use them.

Episodic Barriers

Sometimes the environment creates barriers that disable people. For example, a noisy place where people can't hear audio, in bright sunlight where they can't see screens clearly, or they might not be able to afford certain technologies. These are called episodic (or situational) barriers.

Examples of permanent, temporary, or situational disabilities across four categories: TOUCH (one arm, arm injury, new parent), HEAR (deaf, ear infection, construction noise), SEE (blind, conjunctivitis, distracted driver), and SPEAK (non-verbal, laryngitis, heavy accent).

Examples of permanent, temporary, or situational disabilities across four categories: TOUCH (one arm, arm injury, new parent), HEAR (deaf, ear infection, construction noise), SEE (blind, conjunctivitis, distracted driver), and SPEAK (non-verbal, laryngitis, heavy accent).

Multiple Disabilities

Some people have multiple disabilities at once, which affect their ability to use technology. For example, someone who is both deaf and has trouble seeing might need captions for videos, but those captions need to be large enough and have good color contrast.

Visual

Visual disabilities are sensory disabilities, ranging from some amount of vision loss, loss of visual acuity, or increased or decreased sensitivity to specific or bright colors to complete or uncorrectable loss of vision in either one or both eyes.

Auditory

Auditory impairment is the partial or total hearing loss, permanent or fluctuating. Hard of hearing, or HOH, refers to people with hearing loss ranging from mild to severe who still have some useful hearing and may communicate through sign language or spoken language with or without amplification.

Mobility

The most common type of disability in the United States is mobility disabilities. They include limb loss or body shape differences, dexterity or motor control challenges, and chronic fatigue or pain. To put mobility disability in perspective, 5% of people aged 21 to 64 and 31% of people over 75 have a mobility disability.

Cognitive Disabilities

Cognitive disabilities may occur on their own or result from a variety of conditions or injuries, such as traumatic brain injury. They may also co-occur with other types of disabilities. Examples of cognitive disabilities include:

  • Intellectual Disabilities

  • Reading and Dyslexia

  • Math and Computation, or Dyscalculia

  • Attention Deficit Hyperactivity Disorder (ADHD)

  • Autism, Autism Spectrum Disorder (ASD)

  • Nonverbal Learning Disabilities

Speech and Language

Speech disorders can range from mild slurred speech to the complete inability to move the mouth to speak. The ability to physically speak may be completely unrelated to the person's language capabilities. They may be able to read, write, and understand language even if their mouth structure or neuromuscular connections do not allow them to articulate. Speech disorders may be caused by or be a side effect of underlying disabilities. A person's speech may improve, remain stable, or worsen over time.

Quiz Yourself

Which of the following is an example of a visual disability?

@

Not Quite!

Hint: This would be a disability that changes how an individual sees the world.

Quiz Yourself

What is an example of a temporary disability?

@

Not Quite!

Hint: Temporary disabilities can affect all the senses.

Quiz Yourself

Which is a motor (physical) disability that could make it hard to use a mouse or touchscreen?

@

Not Quite!

Hint: This motor disability often affects the use of the hand, or can cause pain

How People with Disabilities Use the Web

What is Assistive Technology?

Assistive technology is any device, software, or equipment used to increase, maintain, or improve the functional capabilities of people with disabilities. Screen readers, voice recognition software, reading assistants, and switch devices that replace the need to use a keyboard or mouse are examples of assistive technologies.

Captions 

Captions enable people with hearing disabilities to perceive audio content, whether audio only or a video with audio. They can also be helpful when people are in quiet or loud environments. Captions are AI-created or human-translated for events and media.

Keyboard Navigation 

People who cannot use a mouse use the keyboard to navigate and operate their computers. There are standardized controls, and users can also “map” custom keys for some functions. 

Standard Internet-related key commands include: 

  • Tab

    Using the Tab key to navigate interactive elements like links or form controls. Shift plus Tab will navigate backward through the interactive elements. 

  • Enter

    Using Enter to navigate links or buttons and to submit most forms. 

  • Spacebar

    The Spacebar activates checkboxes and buttons, expands a select menu, or scrolls the window. 

  • Arrow keys

    Arrow keys navigate radio buttons, select boxes or drop-down menus, sliders, tab panels, and tree menus.

  • Escape

    The Escape key closes dialogs and menus.

Magnification 

People who have low vision need the ability to manipulate the display of digital content to perceive and understand it.

Screen Readers

A screen reader is software assistive technology that enables access to information on computers and smartphones. It reads content aloud or converts it to Braille. Users navigate their devices through a variety of keyboard commands. 

Common screen readers:

  • VoiceOver: VoiceOver is the built-in screen reader for Apple products.

  • NVDA: Non-Visual Desktop Access is a free screen reader for download on Windows operating systems.

  • JAWS: Short for Job Access with Speech, JAWS is a popular paid Windows screen reader.

Each screen reader has unique features, but they all use similar commands. Unlike keyboard-only navigation, users use the arrow keys to navigate with a screen reader and optionally use the tab key. Other keys, sometimes called quick keys, can navigate the page using specific HTML elements. 

Windows and Mac screen readers can present lists of content from the web page. For instance, VoiceOver has what's known as the rotor, and NVDA has the elements list from there through elements such as headings, links, buttons, and landmarks. Users can select a list item to drive focus to that content. Lists can also be used to narrow down the content on the page. For example, searching for the submit button or only the heading level.

Common Digital Accessibility Barriers

While the goal of digital accessibility is to make online spaces more accessible for individuals with disabilities, there are barriers to accessibility. These barriers make it difficult, or impossible, for users with disabilities to navigate digital spaces. 

These barriers can show up differently, depending on a person’s needs and how they interact with technology. For example, someone who is blind may struggle with websites that lack descriptive text for images, while someone who is deaf or hard of hearing may miss out on information presented only through audio. 

Below are some of the most common accessibility barriers:

Visual Barriers

Users with visual disabilities, including low vision, color blindness, or blindness, may experience the following barriers in physical or online spaces:

  • Materials, such as books, restaurant menus, and navigation aids unavailable in alternate formats, such as digital files or braille.

  • Presenters or speakers who do not provide descriptions that would help with navigation or understanding information otherwise conveyed visually.

  • Lack of transcripts of video or audio materials. 

  • Images, controls, and other structural elements without alt text (or alternative text)  in digital documents and websites.

  • Untrained personnel who do not know how to support or serve people with visual disabilities.

Auditory Barriers

Barriers for people with auditory disabilities, including deafness or hard of hearing, include:

  • Missing sign language interpretation or text transcripts for events.

  • Environments that are loud or present competing sounds.

  • Audio in videos and films that is presented without captions or transcripts.

  • Media players that do not support captions or options to control the volume, size, and colors of captions.

  • Untrained personnel who do not know how to communicate with people with hearing disabilities.

Mobility Barriers

Barriers for people with mobility or body shape disabilities, such as cerebral palsy or arthritis, include:

  • Kiosks with controls that are too far, too small, or at the wrong height.

  • Appliances and controls that are out of reach or require touch instead of voice commands.

  • Mouse-only user interfaces, without keyboard access. 

  • Unclear labeling prevents voice control.

  • Untrained personnel who do not know how to support or serve people with mobility disabilities.

Cognitive Barriers

Users with cognitive disabilities, including ADHD or dyslexia, may experience the following barriers:

  • Complex sentences,  vernacular, and unusual vocabulary.

  • Complex page layouts and navigation.

  • Long passages of text without images, graphs, or illustrations to help explain concepts.

  • Animated, blinking, or flickering images.

  • Audio with no option to turn it off.

  • Web browsers and media players that do not provide a control to turn off animations or audio.

  • Receiving poor communication from untrained tech support personnel.

  • Untrained personnel who do not know how to support or serve people with cognitive disabilities.

Speech and Language Barriers

Individuals with speech and language disabilities, including Aphasia, encounter barriers such as:

  • Lack of text-based alternatives for speech communication.

  • Voice recognition systems without alternative input capability.

  • Voice recognition that does not recognize irregular speech patterns.

  • Untrained personnel who do not know how to communicate with people with speech disabilities.

Quiz Yourself

Which of the following is a common accessibility barrier for people with low vision?

@

Not Quite!

Hint: Some of these answers are benefits, not barriers

Quiz Yourself

A person with cognitive or learning disabilities may be affected by:

@

Not Quite!

Hint: Consider the sensory needs for learning and cognitive disabilities

KEEP LEARNING

Move to the next chapter: Key Accessibility Principles

Frequently Asked Questions