Jigani Call Girls Service: đ 7737669865 đ High Profile Model Escorts | Bangal...
Â
Beyond the touch screen - better accessibility for mobile apps
1. Beyond the touch screen âš
for a better accessibility of mobile apps
Fabien Marry
@Fabien_UX
2. Outline Introducing Noëlle⊠and everybody else
Mobile devices are a godsend for
accessibility
Where do we start?
Going the extra mile
A message from Professor Hawking
2@Fabien_UX
4. Meet Noëlle
4@Fabien_UX
Meet Noëlle, who was my
grand motherâŠ
She loved to get postcards
when we went on holidays,
so I wrote one to her every
time I went somewhere.
But her eyesight had
declined to a point where
she couldnât read most
things...
5. Meet Noëlle
5@Fabien_UX
I kept writing to her, but I
just wrote larger.
If you care a tiny bit, itâs
often not that hard to
include people with slightly
different needs.
6. Not just
NoĂ«lleâŠ
6@Fabien_UX
Mean
Upper limit
Lower limit
Age (Years)
OcularAccommodation(Dioptres)
0 10 20 30 40 50 60 70
0
2
4
6
8
10
12
14
Higher
Mean
Lower
Age (Years)
OcularAccomodation(Dioptries)
Everybodyâs eyesight gets
worse with time, maybe
much earlier that you would
think...
This is especially an issue to
be aware of when your
designers are all under 40!
9. Expand your
addressable
market
9@Fabien_UX
Source: The Henley Centre, Family Expenditure Survey (1996)
http://www.inclusivedesigntoolkit.com/
Money to spend and time to spend it
The UKâs 12 million disabled
people have a spending
power in excess of ÂŁ80
billion.
13. People in the
UK who have
never used
the internet
13@Fabien_UX
34%
have a
disability
https://beta.ons.gov.uk/businessindustryandtrade/itandinternetindustry/bulletins/internetusers/2015#disability
Disability is a huge barrier
to Internet access and full
involvement in society.
17. Accessibility
features are
now built in
mainstream
devices
17@Fabien_UX
Cheaper
Better design
Better build quality
More features
No stigma
âą Cheaper, no stigma, well
designed
âą Today Iâm focusing on iOS
as it is the most advanced
âą Most of these features
are also available on
Android
18. Accessibility
features are
now built in
mainstream
devices
18@Fabien_UX
âThere's nothing on the
iPhone or iPad that you can
do that I can't doâ
Stevie Wonder
20. Built into iOS:âš
Dynamic Type
20@Fabien_UX
iOS 7 introduced a feature
that allows user to simply
increase the font size of key
content of text, assuming
the developer used the
Dynamic Type framework to
allow it.
23. Built into iOS:âš
High contrast
mode
23@Fabien_UX
This âpsychedelicâ mode can
help people with some
vision impairments.
24. Built into iOS:âš
Assistive
Touch
24@Fabien_UX
Assistive Touch adds simple
buttons to do things
requiring precise hand
control movements:
âą multi finger gestures
âą hardware buttons
âą shake
âą even customs gesture
someone else can record
for you
30. Meet Andy
30@Fabien_UX
...and is now paralysed from
the neck down.
That means he struggled to
do anything without
someone helping him. Just
imagine what thatâs like.
From one day to the next,
he couldnât make a phone
call on his own, couldnât
send a text on his own,
needed someone to read to
him. Suddenly, he had no
independence, and no
privacy.
31. Meet Andy
31@Fabien_UX
Luckily technology could
help.
He now has a solution thatâs
integrated with his
wheelchair.
A chin joystick controls the
Voiceover cursor on his
iPhone.
32. How to touch
with no arms
32@Fabien_UX
http://store.griïŹntechnology.com/mouthstick-stylus
Thatâs a lot better than the
early alternative which was
just a stick to bite on.
33. Built into iOS:âš
Switch
control
33@Fabien_UX
Since iOS 7, your device can
be controlled by external
switches.
A switch is anything that
can close an electric circuit:
a big button, something
that detect when you close
your eyelid, or when you
blow into it.
34. Built into iOS:âš
Switch
control
34@Fabien_UX
Hereâs Christopher Hills.
Born with cerebral palsy, he
has limited control of his
limbs.
Heâs using switches
installed in his wheelchair
head rest to control his
devices.
35. Built into iOS:âš
Switch
control
35@Fabien_UX
Christopherâs now a certified
Apple Final Cut Pro editor.
He produces a lot of video for
YouTube, including some that
explain his setup.âš
His Youtube channel:âš
https://www.youtube.com/
user/icdhills
36. Built inâš
voice
commands
36@Fabien_UX
Dictation + Digital
assistants that understand
natural language are next.
âRemind me to buy milk
when I get of from my busâ
âCall my wifeâ
âSet a timer for 10minâ.
Not open to third parties...
for now.
39. A great A11y
needs all
39@Fabien_UX
Sales Scoping
Interaction
Design
User
Interface
Softwareâš
Development
Quality
Assurance
Client
Usability
testing
Delivering good
accessibility is a team effort.
Sales need communicate its
value for our clients.
Scoping needs to factor it in
to estimation.
We need to design
interactions that can also
work without graphics.
And interfaces that consider
readability, colour contrast,
colour blindness.
40. Add a11y
metadata to
you UI
40@Fabien_UX
Add
Adds a &tle
Accessibility enabled
If false, element will be ignored
completely by the VO cursor.
Label
Short spoken text after focus.
Hint
Longer spoken message after
label and a pause (an
explanation not a command).
Traitâš
Define the type of interaction.
This is not part of the GUI,
but it is the key foundation
for UI for voiceover. Can be
added in Xcode Ui like here,
or straight in code.
It is is also used by braille
accessory users.
And it would not be a
stretch to think a future
version of the OS could use
the labels as voice
commands.
42. Add a11y
metadata to
you UI
42@Fabien_UX
https://speakerdeck.com/spanage/ios-accessibility-inside-and-out
For best result, you want to
think how to group the
accessibility metadata.
The best solution is not
always to define every
element independently.
45. Hook into
standard
gestures:
Magic tap
45@Fabien_UX
A two fingered double tap is
the magic tap.
2-finger double tap = do the most likely action:âš
play/pause for media, start/end call, take pictureâŠ
also now used to expose further actions.
50. How to check?
50@Fabien_UX
50 shades of somethingâš
Test your graphics with colour blindness simulators
No peekingâš
Try using your app using Voiceover, screen off.
Nothing like the real thingâš
Include users with impairments in usability testing.
52. Camera:âš
face
recognition
52@Fabien_UX
âOne face. Small face. Face near right edge. Auto-
focussedâ.
http://svan.ca/blog/2012/blind/
Use the hardware and
software capacities (here
face detection) to think
outside of the box, and
allow even blind users to
take and share pictures.
Just because a person is
blind doesnât mean that
sheâs not facing something
others would like to look at.
53. Ariadne GPS:
GPS
53@Fabien_UX
Uses GPS to help blind people explore
GPS + Voiceover = great
opportunities to make apps
that help blind people
explore cities and
landscape.
For example, you can set
key locations and alert
when approaching the right
bus stop.
54. TapTapSee:
Eyes for the
blind!
54@Fabien_UX
You take a picture, it tells you what it sees.
Camera + image recognition
+ crowd sourced analysis =
Great when you want to
make sure that the bottle
youâre opening is milk
rather than orange juice
when youâre making coffee.
Also can help recognise
medication, money,
clothes...
56. Everybody Technology - Stephen Hawking's Dream
https://www.youtube.com/watch?v=2Tel9UvJfws
57. On the web
Matt Gemmellâs Accessibility for iPhone and iPad appsâš
http://mattgemmell.com/accessibility-for-iphone-and-
ipad-apps/
Appleâs dev resources onâš
https://developer.apple.com/accessibility/
WWDC session on iOS accessibilityâš
https://developer.apple.com/videos/play/wwdc2015-201/
Switch control on iOS:âš
https://support.apple.com/en-mz/HT201370
Christopher Hillsâ youtube channelâš
https://www.youtube.com/user/icdhills/feed
Summer Panageâs iOS accessibility inside and outâš
https://speakerdeck.com/spanage/ios-accessibility-
inside-and-out
Androidâs dev resources on accessibilityâš
https://developer.android.com/guide/topics/ui/
accessibility/index.html
Accessibility features in Android Lollipop:âš
http://www.androidcentral.com/accessibility-features-
android-50-lollipop
Android central on Accessibilityâš
http://www.androidcentral.com/accessibility
On twitter
@iAmMaccing, @MarcoInEnglish, @mostgood
@sommer, @RNIB, and⊠@Fabien_UX ;)
57@Fabien_UX
Going further