Creating an accessible website is easier than you think

4 reasons why an accessible website is a win-win

4 reasons why an accessible website is a win-win
Image by : 

opensource.com

Why do some people choose to make a website accessible? Some people are do-gooders who, like the World Wide Web Consortium (W3C), believe that "the web is fundamentally designed to work for all people, whatever their hardware, software, language, culture, location, or physical or mental ability." And, some people do it because they are compelled by law, based on Section 508 of the Americans with Disabilities act. Most federal and state institutions require that websites are accessible to people with a variety of disabilities. Though they may want to do good, their main motivation is to avoid costly legal problems.

No matter what your motivation is, everyone benefits from creating accessible websites. Four unexpected benefits of creating accessible websites include:

  1. Improved search engine optimization (SEO)
  2. Better user experience for all visitors and all devices
  3. Avoiding costly and embarrassing lawsuits
  4. Increasing the audience for your website by making it more inclusive

SEO

The W3C Link Purpose document describes how to properly label URLs: "The purpose of each link can be determined from the link text alone or from the link text together with its programmatically determined link context..." In short, links like this are not accessible:

  • "More"
  • "Read more"
  • "Learn more"
  • "Click here"

Just like you, people who use screen readers browse a page by looking at the headlines and links. As they tab through the site it reads those links to them. If the computer reads "More" the user asks, "More what?" There is no context to the link's purpose. Suggestions for better links:

  • "More news"
  • "Read full article"
  • "Learn more about open source"
  • "Click here to read more about Linux containers"

What does this have to do with SEO? Keywords in links are more valuable than plain text. For example, with "Learn More About Linux containers" you just added two keywords to your content. Good job! Bad link text is a missed SEO opportunity.

User experience

Chances are you have experienced a disability today. We experience temporary artificial disabilities on a daily basis, and the environments we are in change our abilities.

The devices that you browse the web on also have a variety of abilities for disabilities.

Disability

Simulation

Solution

Impaired vision

Use a phone in bright light

Use higher contrast ratios on text

Tremors / Arthritis

Use a phone while walking

Make touch targets like buttons larger

Hearing loss

Use a phone in a noisy rooms

Put captions on videos

On a day-to-day basis, even hour-by-hour, a person's abilities and disabilities change on a spectrum. Some people are always blind or have limited sight. Perhaps you need glasses. Perhaps you have 20-20 vision. We all live on this spectrum.

Graphic demonstrating that all people live on a continuum of abilities and disabilities

Legal

Harvard and MIT learned about the legal ramifications the hard way when they were sued by the National Association for the Deaf (NAD).

The fear is that as we move into the digital age, we're faced with a two-edged sword because in some cases, of course, technology can make the world more accessible to individuals with sensory impairments or disabilities. But in some cases, it can prove to raise new barriers and re-segregate our society. And that's why this issue is being so heavily litigated by individuals who fear that they're going to end up on the wrong side of the digital divide.

Being on the wrong side of this kind of litigation is far more expensive then dealing with it proactively, and this is not desirable publicity.

Audience

People prefer websites they can use. Half of people over the age of 40 start to experience presbyopia, which is normal age-related loss of the near-focusing ability that leads to the need for reading glasses or bifocals. Over 48 million Americans are deaf or hard of hearing. Over 7 million Americans are blind or have low vision. By making a website accessible it increases your audience to include those people.

How to get started

All the resources you need are open, and you can start improving today.

Start by testing your website for accessibility using the WebAIM Web Accessibility Evaluation Tool. It will point out problems as well as explain the success criteria to make your site pass. There is a free online version as well as a free Chrome extention.

Next, read these resources:

I hope you will choose to keep accessibility in mind on your current and future projects.

6 Comments

Don Watkins

Great article. I used to be the webmaster of our public school website and I posted a lot of PDFs to the website. Later I learned that they were not accessible for visually impaired people because screen readers could not decipher them. That was my epiphany. You've give us all much to think about .

Vote up!
2
Vote down!
0
Lara_Hemmings_2016

Great article!

Vote up!
1
Vote down!
0
JtLively

Section508.gov has some good free accessibility training.
https://training.section508.gov/section508/training/index.cfm?FuseAction...

MasterPDFeditor is working on adding the ability to make PDF's more accessible within the next year.

Vote up!
1
Vote down!
0
Gaurav Mishra

W3C Link purpose is a very valid point highlighted and i adhere to that for making web accessible.

Vote up!
1
Vote down!
0
M

I like the "User experience" area and the tips on how to simulate different disabilities. Very good.

I think this article fails in the area of accessible links because, while the wording choice is great on most links ( except "W3C" - it should be "World Wide Web Consortium (W3C)" so screenreader users are told what the acronym "W3C" stands for the first time it is used ) the links are not underlined. This causes the links and the text to look almost identical to users with certain forms of color blindness.

Overall, a nice read - keep up the good work!

Vote up!
0
Vote down!
0
Alexa Huth

Great article! I especially like the suggestion about giving links more context, that's often overlooked. I wanted to mention UserWay.org as an option for people to increase the accessibility options on their website (www.userway.org). It's a free and easy to install widget that lets users increase the text size, change the color contrast, make the cursor larger, and more. I'd love for you to check it out if you have time!

Vote up!
0
Vote down!
0