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

20

Oct.

Announcing Fresh Consulting’s WCAG 2.0 PHPCS Linter

Today, Fresh Consulting is announcing the release of our WCAG 2.0 PHPCS Linter. The linter is a set of rules (or sniffs) for PHP Code Sniffer which can automatically detect and alert when certain WCAG 2.0 violations are detected in code. WCAG 2.0 supports designers and developers in meeting the guidelines and success criteria of accessibility. The … Continued

30

Aug.

You Should Be Using BitBucket Pipelines

Commonly, developer workflows include pushing code to BitBucket. From there, you run processes like testing, updating a staging server, and generating documentation. All of these processes can become very repetitive. Thankfully, they can also be automated. That’s where Bitbucket Pipelines comes in. It’s simple – you only have to create a set of scripts that run … Continued

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