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
- Good for business
- More customers
- Less legal liability
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
- Design phase
- Development
- User testing
When Accessibility
- Design phase
- Development
- User testing
When Accessibility
How Accessibility
- Follow web best practices
- 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
- Fangs (Firefox only)
- Screenreaders
- NVDA (Windows only)
- VoiceOver (Mac only)
- Accessibility checker
- Colour checker