How do we design accessible services for everyone while also caring about the UX? This presentation looks at a model of accessibility that can be used for all users and we show how this works for making accessible UX-friendly tools for television, board gamers, and developers. Presented at UX Scotland 2018

1. everyone
accessible
@mike_crabb
m.z.crabb@dundee.ac.uk
Presented at 2018

2. everyone
accessible
@mike_crabb
m.z.crabb@dundee.ac.uk

3. about
me

4. Dr Michael Crabb
Lecturer/Researcher
@mike_crabb

5. UoD RGU UoD
BBC R&D

7. WCAG
1.0
WCAG
2.0
WCAG
2.1
W3
SILVER

8. accessibility
a model of

10. Visual

11. Cognitive

12. Physical

13. Communication

14. Emotional

15. Socio-Economic

16. Intersectional

18. Not
Disabled
Very
Disabled
to

19. my impairment is
An inability to make
good PowerPoint slides…

21. A pirates life for me…

23. Permanent
Situational
Temporary
Challenges

24. One arm Arm injury New parent
One arm Arm injury New parent
See
Blind Cataract Distracted driver
Hear
Deaf Ear infection Bartender
Speak
Non-verbal Laryngitis Heavy accent

26. One arm Arm injury New parent
One arm Arm injury New parent
See
Blind Cataract Distracted driver
Hear
Deaf Ear infection Bartender
Speak
Non-verbal Laryngitis Heavy accent

27. Permanent
Situational
Temporary

33. Bartender
One arm Arm injury New parent
See
Blind Cataract Distracted driver
Hear
Deaf Ear infection Bartender
Speak
Non-verbal Laryngitis Heavy accent
Deaf
!=

34. “Literature reveals numerous studies that clearly
demonstrate that studying non-representative users
can lead to inaccurate conclusions or missed insights”

35. &
Can
techniques
used by
assist in
designing
for

36. ?

37. What do you know?
Where did you learn?
How do you deal with?
What do you not know?
What do you need?
How important is this?

38. Personal Experience
Accessibility Applications
Websites
News Articles
Life Experience
Family Members
University Lectures
Charity Awareness
Where did you learn?

40. [ad break]

42. designingfor accessibility

43. Disability
!=Personal Health
Condition
Disability
=Mismatched
Human
Interactions

44. Remap Augment
☼
Adjust

45. Remap Augment
☼
Adjust

47. requires

48. low vision
hard of hearing
can’t see television
can’t hear television
x
x

49. low vision hard of hearing

50. low vision hard of hearing

51. or
or
low vision hard of hearing

52. low vision
hard of hearing
or
or

53. where’s the
UX

54. Sherlock
A study in pink (2010)

56. Remap Augment
☼
Adjust

59. ColourADD System
http://www.coloradd.net/

66. Colour Blindness

67. Visual Accessibility

68. Emotional Accessibility

69. There are few games so effective at turning 30-45 minutes of
your free-time into the kind of crucible of escalating despair
you just can’t wait to experience again.

71. Physical WorldDigital World
Input
Output
Accessible Digital-VIrtual Crossover Engine

72. Physical WorldDigital World
Input
Output
Accessible Digital-VIrtual Crossover Engine

73. Remap Augment
☼
Adjust

75. Coding

78. dyslexia

79. dyslexia

80. Lorem Ipsum dolor…
Lorem Ipsum dolor…
Lorem Ipsum dolor…
Lorem Ipsum dolor…
Good Fonts For Dyslexia
Rello, Luz, and Ricardo Baeza-Yates (2013)
Visual Stress - Dyslexia and Employment.
Jameson, M. (2015).
Dyslexic Friendly
Colourings
Dyslexic Friendly
Fonts

81. when designing
ANYTHINGremember that

83. atomIDECalibration
File
Colour
Tool
Happy
Coder

84. Remap Augment
☼
Adjust
subtitles and audio
description
projection
mapping
colour-alteration
for dyslexia

85. messages
take home

86. When talking about
accessibility, make sure
that everyone has a
shared definition.1

87. Complex design
challenges might be
solved by looking to the
accessibility sector2

88. Look for ways that
technology can remap,
augment, or adjust
peoples abilities.3

89. everyone
accessible
@mike_crabb
m.z.crabb@dundee.ac.uk