ZoneAccessibility

Version

1.0November

2013

Contents

1

2

3

4

5

Why is accessibility important?

6

Things to be aware of

Your turn!

The working group

Resources

Next steps

1. Why is accessibility important?

Clip

It’s important for Zone

Ethically, legally and commercially

Clients request it

It’s the law! Great PR

Brand values

Almost 1 in 5 people in the UK have a disability.

Papworth Trust

26

people would have

some form of disability

130+

Staff at Zone

That’s the

whole Editorial Team!

MisconceptionsIt’s expensive and difficult

It’s a tech thing

It’s not my problem

I can’t do anything about it

It doesn’t affect me

It’s important to you

It will affect you

It affects someone you know

What you do matters

It can be easy

2. Things to be aware of

Three categories

SensoryPhysical Cognitive

SensoryPhysical CognitiveArthritis

Motor neurone disease

Loss of limb/s

Peripheral neuropathy

Raynaud’s

Long sighted

Shortsighted

Colour blindness

Deafness

Tinnitus

Memoryloss

Attentionspan

Problem solvingability

Different comprehension

levels

Dyslexia Aspergers

ADHD

Dementia

A small selection

What does this mean for us?

Physical

Can users tab through the site in a logical order?

Is your link area as large as possible?

Have you considered “hard to reach” areas on mobile?

What does this mean for us?

SensoryPhysical

Can users tab through the site in a logical order?

Is your link area as large as possible?

Have you considered “hard to reach” areas on mobile?

Are your headings and links coded correctly?

Do your headings and links stand out from body copy?

Is the colour contrast strong enough between background and text?

Are alternative formats available?

Do hover states have a colour change and a shape change?

What does this mean for us?

SensoryPhysical Cognitive

Can users tab through the site in a logical order?

Is your link area as large as possible?

Have you considered “hard to reach” areas on mobile?

Are your headings and links coded correctly?

Do your headings and links stand out from body copy?

Is the colour contrast strong enough between background and text?

Are alternative formats available?

Do hover states have a colour change and a shape change?

Is it clear where you are on the site at any time?

Are alternative formats available?

Is it clear where to click and what will happen?

Are your error messages visible and instructional?

Avoid non-literal content

Avoid flashing imagery

Be considerate

3. Your turn

3. Your turn

Coca-Cola Bupa

FANGS?

Watch someone else use a website that they are not

familiar with

Talk about it!

Navigate a website using the “wrong” hand

Download FANGs

4. Accessibility Working Group

Our aim

Get people talking

Change company culture

Produce accessible websites

Make it easy for everyone to do

We’ll deliver

Training

Process

Resources

5. Resources

Here to help…Link:

thisiszone.com/intranet/process/accessibility/

Introduction to AccessibilityGotchas per department – how to avoid simple mistakes Thinking about accessibility – ways to test sites yourself

Full (searchable) accessibility checklist

Next steps

Ask about it - have we done XYZ?

Change your habits

Read the information on the intranet

Make it easy