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...

15

May.

Guidelines for GDPR Compliant User Stories

The GDPR law enforces a number of rules and regulations that dictate how organizations should handle the users’ personal information. We recently wrote a post about how to prepare for GDPR that provides a checklist that can help organizations be more compliant. A key aspect of GDPR implementation is to understand what actually needs to … Continued

25

Apr.

How to Create a Fuzzy Search-as-You-Type Feature with Elasticsearch and Django

Tutorial: How to Create a Fuzzy Search-as-you-type Feature with Elasticsearch and Django Recently, I had to figure out how to implement a fuzzy search-as-you-type feature for one of our Django web APIs. I couldn’t find any comprehensive tutorial on how to build this specific feature, so I decided to combine multiple sources and document the … Continued

12

Apr.

6 Things to Look For in a Web Hosting Provider

People often ask us who we recommend for web hosting. Different needs dictate different solutions but there are some universal requirements which almost always need to be met. We have client sites running on many different hosting providers but rather than discuss specific companies let’s go over what we recommend looking for in a web … Continued

Pacific Science Center

application maintenance and development

Pacific Science Center

Cisco

mobile development

Cisco

Deloitte

web design, microsite development

Deloitte

Seattle Public Library

ui/ux design, microsite development

Seattle Public Library