Infographics

UI / UX Design

Web Development

The World of Website Accessibility

February 28, 2017

When building your website, it’s important to account for accessibility, designing your product so that users with disabilities can access it.

Your business should care because the number of people affected by disabilities worldwide is large. The World Bank Group estimates that one billion people – 15% of the world’s population – have some level of disability.

Disabilities impact people’s capability to use technology. Interactive Accessibility states the following facts:

  • 19.9 million (8.2%) [of users] have difficulty lifting or grasping. This could, for example, impact their use of a mouse or keyboard.
  • 8.1 million (3.3%) have a vision impairment. These people might rely on a screen magnifier or a screen reader, or might have a form of color blindness.
  • 7.6 million (3.1%) have a hearing impairment. They might rely on transcripts and/or captions for audio and video media.”

As the numbers indicate, accessibility matters. Thus, we recommend that you design your product with accessibility in mind to:

  1. Comply with the law
  2. Expand your audience
  3. Create better usability
  4. Create an equal opportunity for users, regardless of their disabilities, to access information.

Why Your Business Should Care: 6 Core Benefits of Accessibility

Accessibility guidelines conform to good user experience. Good user experience means that your customers are happy. Here are 6 core benefits:

  1. Increased Audience – Accessibility increases the size and diversity of your audience
  2. Increased Usability – Meeting accessibility standards corresponds to good usability
  3. Improved SEO – Machine readability and better AI potential carries an SEO benefit
  4. Humanitarian Benefit – Making the internet an information source available to everyone is enabled by meeting accessibility standards
  5. Reduced Risk – Conforming to standards allows you to meet legal requirements, avoid risk, and avoid litigation
  6. HR Compliance – Accessibility allows you to provide equal access and equal opportunity

What is Required by Law? 508 and ADA Compliance

accessibility standards infographic

The Must Haves: Coding Best Practices for Accessibility

How good is your code base? Even if you aren’t considering accessibility, you should be
following a few basic guidelines. These will ensure that your code is sound:

4.1.1 – Parsing

Bad HTML throws off screen readers. Ensure your website has no major code errors by ensuring your HTML is not broken.

3.1.1 – Language of Page

Content developers should ensure that the web page presents text and other content correctly, in a language understood by screen readers.

2.4.4 – Link Purpose (In Context)

Are your hyperlinks clearly demarcated? Do links have consistent descriptions? Consistent, reliable linking allows users to navigate with ease.

2.4.3 – Focus Order

Ensure that users can navigate sequentially through content and encounter information logically. This affects keyboard accessibility.

1.3.2 – Meaningful Sequence

Meaningful sequence ensures that users with assistive technology encounter content in the intended order.

If budget allows, you’d want to complete all of the Must Haves and more, depending on the bottom line of your specific case.

Download our guide to website accessibility for a more in-depth look at which level fits your website.

Check out the guidelines for accessibility: Bare Minimum, Level A, Level AA, and Level AAA. Our guide includes additional insights, tips, and resources related to staying on the leading edge of accessibility – one of our top 2017 UX trends.

Ben Spencer

UX Researcher & Writer

Professional UX Researcher & Writer. Amateur Crossfitter, video gamer, and Planeswalker. I make sense of the world through storytelling and by observing the infinite wisdom of my two beloved Boxer dogs.

Unless otherwise specified, source code in this post is licensed under a
Creative Commons Attribution 4.0 International license (CC BY 4.0).

You might also like...

9

Mar.

The Definition of Done

In development, we often split tasks up into smaller pieces and distribute them among multiple developers. We need to eventually bring this work back together, and this is easier when everyone agrees on what “done” means. The definition of “done” is important in Scrum for calculating velocity – “a measure of the amount of work … Continued

29

Dec.

UX Trends for 2017

It’s exciting to imagine all the wild possibilities in the future of UX design. What will be on the cutting edge? What will be the next quantum leap in innovation? But to have an impact in the now, we recommend balancing usability against innovation. Existing innovations in the digital space often aren’t refined enough to … Continued

14

Dec.

3 Ways to Automate the Detection of Website Vulnerabilities

There is no such thing as perfect security, only varying levels of insecurity. -Salman Rushdie Although the context of this quote is completely irrelevant to the internet and web development, the content of the quote is perfectly applicable to web security. However, if you manage, develop, or run a website, and you value the security … Continued