Top Banner
Making Accessibility Accessible
39

"Making Accessibility Accessible" by Kirtika Bhuva

Jan 23, 2018

Download

Design

UXPA UK
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: "Making Accessibility Accessible" by Kirtika Bhuva

Making Accessibility Accessible

Page 2: "Making Accessibility Accessible" by Kirtika Bhuva

Kirtika BhuvaUX Architect &

Accessibility Champion

Page 3: "Making Accessibility Accessible" by Kirtika Bhuva

Checkout - Old design

Page 4: "Making Accessibility Accessible" by Kirtika Bhuva

Checkout - New design

Page 5: "Making Accessibility Accessible" by Kirtika Bhuva
Page 6: "Making Accessibility Accessible" by Kirtika Bhuva
Page 7: "Making Accessibility Accessible" by Kirtika Bhuva
Page 8: "Making Accessibility Accessible" by Kirtika Bhuva

Challenging Perception

Page 9: "Making Accessibility Accessible" by Kirtika Bhuva
Page 10: "Making Accessibility Accessible" by Kirtika Bhuva

Your users are the ones using your product, it

is how they interact with that product that is

important. After all you are designing and

building for your all users.

Page 11: "Making Accessibility Accessible" by Kirtika Bhuva

‘If you exclude anyone from using your

service based on disability, you may be

in breach of the Equality Act 2010’

www.gov.uk

Legal and moral reason

Page 12: "Making Accessibility Accessible" by Kirtika Bhuva

Think Accessibility first

Save time and money

Brand reputation

Cost

Page 13: "Making Accessibility Accessible" by Kirtika Bhuva
Page 14: "Making Accessibility Accessible" by Kirtika Bhuva

W3C guidelines

Page 15: "Making Accessibility Accessible" by Kirtika Bhuva

‘14.1 Use the clearest and

simplest language appropriate for a

site's content’

From the W3C guidelines

Page 16: "Making Accessibility Accessible" by Kirtika Bhuva

Making Accessibility Accessible

Page 17: "Making Accessibility Accessible" by Kirtika Bhuva
Page 18: "Making Accessibility Accessible" by Kirtika Bhuva
Page 19: "Making Accessibility Accessible" by Kirtika Bhuva
Page 20: "Making Accessibility Accessible" by Kirtika Bhuva

Handcuffs Blindfold

Page 21: "Making Accessibility Accessible" by Kirtika Bhuva

The task

Using the laptop

provided add the

product shown to

your basket...

Page 22: "Making Accessibility Accessible" by Kirtika Bhuva
Page 23: "Making Accessibility Accessible" by Kirtika Bhuva
Page 24: "Making Accessibility Accessible" by Kirtika Bhuva
Page 25: "Making Accessibility Accessible" by Kirtika Bhuva
Page 26: "Making Accessibility Accessible" by Kirtika Bhuva

Apply our knowledge

Think accessibility first

Part of our culture

Page 27: "Making Accessibility Accessible" by Kirtika Bhuva

We seeVisually

impaired

Page 28: "Making Accessibility Accessible" by Kirtika Bhuva
Page 29: "Making Accessibility Accessible" by Kirtika Bhuva
Page 30: "Making Accessibility Accessible" by Kirtika Bhuva

Objective

To identify key accessibility issues that occur throughout

the mobile site and give recommendations on how to

conform to a AA standard set by WCAG.

For John Lewis to be able to apply the knowledge

gained from this project and distribute it to further project

teams.

Page 31: "Making Accessibility Accessible" by Kirtika Bhuva

Product page

Fashion Electrical

Colour ServicesSize Bundles

Home

Instore only T&C message

Page 32: "Making Accessibility Accessible" by Kirtika Bhuva

We’ve never had anything as thorough as

this from a client before“

”Third party company feedback

Page 33: "Making Accessibility Accessible" by Kirtika Bhuva

Strengths

● Overall quality of code is very

good

● Consistency of Navigation

● Form Errors are good

● All pages resize well

Weaknesses

● Form labelling is inconsistent

● Form grouping (fieldsets and

legends) are inconsistent

● Colour contrast needs addressing

Page 34: "Making Accessibility Accessible" by Kirtika Bhuva

We want to test our work in-house

but don’t have the means to do

as yet...

Page 35: "Making Accessibility Accessible" by Kirtika Bhuva

I have no loyalties to a website and will

give up if I can’t do what I need to do

on there. I won’t shop there again.

” Anonymous feedback

Page 36: "Making Accessibility Accessible" by Kirtika Bhuva
Page 37: "Making Accessibility Accessible" by Kirtika Bhuva
Page 38: "Making Accessibility Accessible" by Kirtika Bhuva

Make no assumptions

Test & Learn

Think Accessibility first

Involve otherswww.linkedin.com/in/kirtikabhuva

Page 39: "Making Accessibility Accessible" by Kirtika Bhuva