18 - Accessibility
Class: CSCE-331
Notes:
Types of Disabilities and Barriers
In order to understand why web accessibility is necessary, it is helpful to have a basic understanding of the range of disabilities and their related barriers with respect to the consumption of web content.
Not all people with disabilities encounter barriers on the Web, and those with different types of disabilities encounter different types of barriers. For instance, if a person is in a wheelchair they may encounter no barriers at all in web content. A person who is blind will experience different barriers than a person with limited vision. Different types of disabilities and some of their commonly associated barriers are described here.
Watch the following video to see how students with disabilities experience the Internet.
- Video: Experiences of Students with Disabilities
In this video, David Berman talks about types of disabilities and their associated barriers.
- Video: Web Accessibility Matters: Difficulties and Technologies: Avoiding Tradeoffs
People Who Are Blind
People who are blind tend to face many barriers in web content, given the visual nature of the Web. They will often use a screen reader to access their computer or device and may use a refreshable Braille display to convert text to Braille.
Common barriers for this group include:
- Visual content that has no text alternative
- Functional elements that cannot be controlled with a keyboard
- Overly complex or excessive amounts of content
- Inability to navigate within a page of content
- Content that is not structured
- Inconsistent navigation
- Time limits (insufficient time to complete tasks)
- Unexpected actions (e.g., redirect when an element receives focus)
- Multimedia without audio description
For a quick look at how a person who is blind might use a screen reader like JAWS to navigate the Web, watch the following video.
- Video: Accessing the web using screen reading software
People with Low Vision
People with low vision are often able to see web content if it is magnified. They may use a screen magnification program to increase the size and contrast of the content to make it more visible. They are less likely to use a screen reader than a person who is blind, though in some cases they will. People with low vision may rely on the magnification or text customization features in their web browser, or they may install other magnification or text reading software.
Common barriers for this group include:
- Content sized with absolute measures, so it is not resizable
- Inconsistent navigation
- Images of text that degrade or pixelate when magnified
- Low contrast (inability to distinguish text from background)
- Time limits (insufficient time to complete tasks)
- Unexpected actions (e.g., redirect when an element receives focus)
See the following video for a description of some of the common barriers for people with low vision.
- Video: Creating an accessible web (AD) (4:39)
People Who Are Deaf or Hard of Hearing
For most people who are deaf the greatest barrier on the Web is audio content that is presented without text-based alternatives. They encounter relatively few barriers on the Web otherwise. Those who are deaf and blind will face many more barriers, including those described for people who are blind. For those who communicate with American Sign Language (ASL) or other sign languages, such as langue des signes québécoise (LSQ), the written language of a website may produce barriers similar to those faced when reading in a second language.
Common barriers for this group include:
- Audio without a transcript
- Multimedia without captions or a transcript
- Lack of ASL interpretation (for ASL/Deaf community)
People with Mobility-Related Disabilities
Mobility-related disabilities are quite varied. As mentioned earlier, one could be limited to a wheelchair for getting around and face no significant barriers in web content. Those who have limited use of their hands or who have fine motor impairments that limit their ability to target web content elements with a mouse pointer may not use a mouse at all. Instead, they might rely on a keyboard or perhaps their voice to control movement through web content along with switches to control mouse clicks.
Common barriers for this group include:
- Clickable areas that are too small
- Functional elements that cannot be controlled with a keyboard
- Time limits (insufficient time to complete tasks)
People with Some Types of Learning of Cognitive Disibilities
Learning and cognitive-related disabilities can be as varied as mobility-related disabilities, perhaps more so. These disabilities can range from a mild reading-related disability to very severe cognitive impairments that may result in a limited use of language and difficulty processing complex information. For most of the disabilities in this range, there are some common barriers and others that only affect those with more severe cognitive disabilities.
Common barriers for this group include:
- Use of overly complex/advanced language
- Inconsistent navigation
- Overly complex or excessive amounts of content
- Time limits (insufficient time to complete tasks)
- Unstructured content (no visible headings, sections, topics, etc.)
- Unexpected actions (e.g., redirect when an element receives focus)
More specific disability-related issues include:
- Reading: Text justification (inconsistent spacing between words)
- Reading: Images of text (not readable with a text reader)
- Visual: Visual content with no text description
- Math: Images of math equations (not readable with a math reader)
Everyone
While we generally think of barriers in terms of access for people with disabilities, there are some barriers that impact all types of users, though these are often thought of in terms of usability. Usability and accessibility go hand-in-hand. Adding accessibility features improves usability for others. Many people, including those who do not consider themselves to have a specific disability (such as those over the age of 50), may find themselves experiencing typical age-related loss of sight, hearing, or cognitive ability. Those with varying levels of colour blindness may also fall into this group.
Some of these usability issues include:
- Link text that does not describe the destination or function of the link
- Overly complex content
- Inconsistent navigation
- Low contrast
- Unstructured content
To learn more about disabilities and associated barriers, read the following:
Suggested Reading: How People with Disabilities Use the Web
Why Learn About Accessible Web Development
Curb Cuts
Curb cuts are a great example of universal design. Originally, curb cuts were added to sidewalks to accommodate those in wheelchairs, so they could access the road from the sidewalk and vice versa. However, curb cuts are helpful for many people - not just those in wheelchairs - including a person pushing a baby stroller, a cyclist, or an elderly person using a walker. The addition of a smooth gradient ramp allows anyone, who may have difficulty stepping or who may be pushing something, to smoothly enter the sidewalk via a ramp, rather than having to climb a curb. Although curb cuts were initially designed to help those in wheelchairs, they have come to benefit many more people.
From a web accessibility perspective, most of the accessibility features you might add to a website will have that so-called "curb cut effect." For example, the text description one might include with an image to make the image's meaning accessible to a person who is blind also makes it possible for search engines to index the image and make it searchable. It allows a person on a slow Internet connection to turn images off and still get the same information. Or, it allows a person using a text-based browser (on a cell phone, for instance) to access the same information as those using a typical visual browser. Virtually every such feature that might be put in place in web content to accommodate people with disabilities will improve access and usability for everyone else.
Key Point: Think of accommodations to improve web accessibility for people with disabilities as "curb cuts." These accommodations will very likely improve usability for everyone.
The Business Case for Web Accessibility
Video: The Business Case for Accessibility
Karl Groves wrote an interesting series of articles in 2011 and 2012 that looked at the reality of business arguments for web accessibility. He points out that any argument needs to answer affirmatively at least one of the following questions:
- Will it make us money?
- Will it save us money?
- Will it reduce risk?
He outlines a range of potential arguments for accessibility:
- Improved search engine optimization: Customers will be able to find your site more easily because search engines can index it more effectively.
- Improved usability: Customers will have a more satisfying experience, and thus spend more on or return more often to your site.
- Reduced website costs: Developing to standard reduces bugs and interoperability issues, reducing development costs and problems integrating with other systems.
- People with disabilities have buying power: They won't spend if they have difficulty accessing your site; they will go to the competition that does place importance on accessibility.
- Reduced resource utilization: Building to standard reduces the use of resources.
- Support for low bandwidth: If your site takes too long to load, people will go elsewhere.
- Social responsibility: Customers will come if they see you doing good for the world and you are thinking of people with disabilities as full citizens.
- Support for aging populations: Aging populations also have money to spend and will come to your site over the less accessible, less usable competition.
- Reduced legal risk: You may be sued if you prevent equal access for citizens/customers or discriminate against people with disabilities
What accessibility really boils down to is "quality of work," as Groves states. When approaching web accessibility, you may be better off not thinking so much in terms of reducing the risk of being sued or losing customers because your site takes too long to load. Rather, if the work that you do is quality work, then the website you present to your potential customers is a quality website.
The 7 Principles of Universal Design
- Equitable Use
- Flexibility in Use
- Simple and Intuitive
- Perceptible Information
- Tolerance for Error
- Low Physical Effort
- Size and Space for Approach and Use