How accessible is your website?

How accessible is your website?

We’ve broken the internet! (You just can’t see the damage)

“Design” at what cost? Form vs. Function

Web page

Cinema isn’t theatre!

TV isn’t radio!

Pervasive developmental disorders

Mental health & emotional

Physical

Sensory

Intellectual

Developmental disability

Nonvisible disabilities

Pervasive developmental disorders

Mental health & emotional

Physical

Sensory

Intellectual

Developmental disability

Nonvisible disabilities

Disabilities

15% of the world’s population have some form of disability

www.smashingmagazine.com/2014/10/color-contrast-tips-and-tools-for-accessibility/

Vision problems

About 4% of the population have low vision

7-12% of men have some form of colour blindness

Low-vision increases with age, half over-50s have some

degree of low-vision condition


Changing population

Worldwide, the fastest-growing population is 60 years of age

and older


By 2050 the number of over-60s

will double

http://www.theguardian.com/sustainable-business/2015/dec/31/digital-discrimination-netflix-disney-target-web-accessibility-doj


Accommodate everyone

Why should you?

Accessible websites are 35%

more usable by everyone

www.abilitynet.org.uk/advice-info/web-accessibility-resources

SEO-friendly

It’s the law! (Nearly)

EU

Soon all public sector websites must be accessible

UK law shortly after

Then laws for the private sector

UK

Equality Act 2010

Do not discriminate

Right to take legal action

Maguire v SOCOG

$20,000

The National Association of the

Deaf v Netflix

$795,000

The National Federation of the

Blind and the American Council of

the Blind v Arizona State University

12 million disabled people = £120 billion spending power

*http://www.abilitynet.org.uk/advice-info/web-accessibility-resources

http://www.abilitynet.org.uk/advice-info/web-accessibility-resources

How are we accessible?

Responsive Web Design

Non-responsive web design

Accessibility best practice

Contrast


Contrast


Text size


Text size


Alt tags

<img alt=“palm trees on beach”>


Good quality code


Microformats

<header role=“banner”>

<main role=“main”>

<nav role=“navigation”>

<aside role=“complementary”>

<form role=“search”>

<form role=“form”>

<footer role=“contentinfo”>

Accessibility compliance

WCAG

(Web Content Accessibility Guidelines)


“Perceivable”

Can't be invisible to all of their senses


“Operable”

The interface cannot require interaction that a user cannot

perform


“Understandable”

The content or operation cannot be beyond their

understanding


“Robust”

As devices evolve, the content should remain accessible


A


AA


AAA

2018

US legislation will be based on WCAG

Increased accessibility obligations only two years away



What next?

Where to start?

Accessibility is not a buzzword

Not a compromise

Can be done gradually

Responsibility

Our job to offer the service

Your responsibility to budget and ask for accessibility

“Great web accessibility isn’t a thing you do; it’s

a side effect of awesome thoughtful work.”

Joe Watkins, UX Engineer

“Accessibility is about designing and developing for

as many people as possible. It’s about doing the right

thing … creating a more inclusive web with each

screen or line of code.”

Marcy Sutton, Accessibility Engineer - Adobe

Let’s fix the internet!

Small Business & Entrepreneurship

How accessible is your website?