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.

You might also like...

22

Jun.

When Out-Of-The-Box Doesn’t Quite Fit, Invest in Your Key Interactions

There is no doubt that many WordPress plug-ins and front-end UI frameworks, like Angular, save massive amounts of design and development time by providing pre-designed and developed interactions. The baseline unedited versions are often robust and provide good solutions for general user needs. We call these unedited versions “out-of-the-box,” meaning, when you first plug it … Continued

20

Jun.

Unit/Automated Testing

Software testing is the process of discerning whether a product is acceptable to its end users, its target audience, its purchasers, and the stakeholders to whom it belongs. At its core, software testing examines code and its execution: does the code do what it is supposed to do, when it is supposed to do it, … Continued

12

May.

Should I Use RxJS in My Project?

If you’re thinking about using RxJS, you might as well be asking, “Should I use a jump kick in a street fight?” Unless you are Bruce Lee, probably not. As a disclaimer, I am not an RxJS pro. I only started learning about it a couple of weeks ago. Consider this post a record of … Continued