The 5 W's of Accessibility

Rhiana Heath

What Accessibility?

The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.

TIM BERNERS-LEE, Creator of World Wide Web

Who Accessibility

Why Accessibility

  • Good for people
    • They can access your awesome website
    • They can do their work

Why Accessibility

 

The most important blind visitor to your website is Google! In the same way that creating accessible web pages helps disabled person access your content, it also helps Google index your pages so that the right people can find your service or product.

 

JIM BYRNE, Founder of Guild of Accessible Web Designers

Why Accessibility

  1. Design phase
  2. Development
  3. User testing

When Accessibility

  1. Design phase
  2. Development
  3. User testing

When Accessibility

How Accessibility

  1. Follow web best practices
  2. Allow a bit of extra time and training

AA

AA

AA

<header>  <nav>  

<main> <h1> .. <h6>

<aside>  <footer>

<label for="input_id">
<input id="input_id">

AA

<p class="alert" role="alert">

<div class="tooltip" role="tooltip">

<pre role="math">

<input aria-required="true">

AA

<a href="/" 
   title="Company Name">

   <img src="logo.png" 
        alt="company logo">
</a>

<header>
  <img src="hero.jpg" alt="">
</header>

AA

<a href="/blog-post/1" 
   title="Blog Post Title">

   Read More >>
   <span class="sr-only"> 
     of Blog Post Title
   </span>
</a>

AA

Tools

Resources

The five W's of Accessibility

By RhianaH

The five W's of Accessibility

reinteractive webinar Nov 2017

  • 1,519