Can everyone use your app?

Sofia Hussain @uxsophiaTom Widere @twideroCan everyone use your app?

Abdellaif Baka from Algeria won the 1500 meters for partially sighted in The Paralymics in Rio 2016.

The top 4 runners in the final ran faster than the gold medal winner in The Olympics the same year.https://static.independent.co.uk/s3fs-public/styles/story_large/public/thumbnails/image/2016/09/13/09/abdellatif-baka.jpg

Why?How?Getting everyone on board123

Accessibility

1 Why should we care about accessiblity?

17% of the population between 16 and 66 years are registered with temporary or permanent disabilities

Disabilities Visual Blindness, low vision, color blindness

HearingDeafness and hard-of-hearing

MotorInability to use a mouse, slow response time, limited fine motor control

CognitiveLearning disabilities, distractibility, inability to remember or focus on large amounts of information

You are not disabled by the disabilities you have

Universal designThe design of products and environments to be usable by all people, to the greatest extent possible, without the need for adaptation or specialized design.

The centre for Universal Design, North Carolina University

Inclusive mobile society

Mobile society

Annoying for some, impossible for othersThe signs on both sides of the road say Please use sidewalk on the other side. How could a person in wheelchair pass this street in heavy traffic?

We can also make such blunders if we do not think about all our users.

12

How can blind people use smartphones?With assistive technologies, smartphones make life even easier for people with disabilities than for the rest of usPhoto: VCG - www.chinadaily.com.cn/

How can blind people take a selfie?

Physical abilitiesPhoto:http://www.johnlund.com/Images/Elephant-Balancing.jpg

It is hard to use sliders when you are sitting on a shaking bus

How we made it more accessible

2 How can we design and develop for accessibility?

The Web Content Accessibility Guidelines (WCAG)

Its great that standards are in place, but its not easy to apply the standard in the creative phases of a design process

Death by standardsPhoto:https://www.linkedin.com/pulse

The straw test

Zoom

Zoom

Assistive technologies

Explore the accessibility settings on your phone

25

Filter for the color blind

26

Inverted colors, for people who are sensitive to bright light

27

Screen readers

VoiceOver seems to read content fra a different layer.

BBC news logo is missing alternative text.

tag is not used on the headings, which makes it impossible to jump between headings.

This is how it should work

User tests

Different from regular user testing

Always allow users to test their own equipment Fewer tasksMore guidance

Requires profound knowledge about assistive technologies

User tests

HeadingContent before headingBlind user can not find the close window button because it is placed before the heading in markup

User testsOne more field. WTF?No shortcut to the missing fieldBlind user is unable to navigate to missing field because clickable text does not work with VoiceOver.

It is hard to find the other missing fields when you can not see the fields that are missing.

How to avoid blunders

done

Make it look like a buttonMake it work as a buttonShow the right mouse pointerInsert into tabindexMake screen reader tell it is a button+++

Trust the browserMake it simple.Use standard elements.

ZoomDo not lock the page sizeDo not take away the possibility to zoom a web page

3Getting everyone on board

The challenge is not to do things right, but to make your colleagues do it

Accessibility group in FINN Do not try to change the culture alone. In a group it is easier to get things done.

Workshops

Design guide

Give some friendly reminders of the importance og accessibility

Let them feel what it is like

Summary Why?So that products can be used by people with all ranges of sight, hearing, movement and cognitive abilities How?Use the straw test to see only small parts of a pageDo not only rely on one kind of inputTest with screen readersUse standard componentsInclude people with disabilities in user tests

Getting everyone on boardForm a group, you can not take this fight aloneKeep reminding your colleaguesRun workshops to teach how to test for accessibilityMake accessibility a part of the style guide

Unknown possibilitiesThe technology is there! Why can't we all use it?

www.smh.com.au/digital-life/games/

http://bit.ly/finn_iosWere hiring iOS developers!

Thank you@UXSophiaSofia Hussain@twideroTom Widere