This talk outlines a 4-part strategy for making digital products accessible. Following this approach will immediately improve the usability for everyone - and will kick-start the delivery team’s understanding of how to go on to make a product truly accessible.

1. Alistair Duggin
Head of Accessibility
Government Digital Service
@dugboticus

2. Hello!

3. GDS

4. GDS

5. GDS

6. GDS

7. GDS

12. GDS

13. The community

14. GDS
1. What is accessibility?
2. How do you know what to consider?
3. 4 steps strategy for accessible design
GDS

15. What is
accessibility?

16. GDS
Putting something online makes it more
accessible
GDS

17. GDS
But doesn’t automatically mean that
everyone can access and use it
GDS

18. GDSGDS
Easy to accidentally introduce barriers that
make it impossible or difficult for some
people to use

19. GDSAlistair Duggin GDS

20. GDSGDS

21. GDS
Far too often we design for the fictional
average user
Good vision
Full hearing
Uses a mouse or touch screen
Good literacy skills
GDS

22. Accessibility is
about designing for
the full range of
human capability
GDS

23. GDS
Vision
2 million people in the UK have significant
sight loss
360,000 people are blind or partially
sighted
8% of men are colorblind
GDS

24. GDSGDS
I have low vision and
need to increase the
text size in my browser

25. GDSGDS
I need to change the
appearance using my
browser

26. GDSGDS
I have low vision and
need to use a screen
magnifier to make
things bigger and
cannot read text that
has poor contrast

27. GDSGDS
I am blind and use a
screen reader

28. GDSGDS
I am colour blind and
cannot perceive the
difference between
some colours

29. GDS
Hearing
12 million people in the UK with some kind
of hearing loss
900,000 people are severely or profoundly
deaf
GDS

30. GDSGDS
I am hard of hearing
and struggle to hear
most things

31. GDSGDS
I am Deaf; British Sign
Language is my first
language and I find
English hard to read
and write

32. GDS
Motor control
10 million people in the UK have arthritis
145,000 have Parkinson’s
GDS

33. GDSGDS
I have a mild motor
impairment so struggle
to use a mouse with fine
control

34. GDSGDS
I have a medium motor
impairment so have to
use a keyboard instead
of a mouse

35. GDSGDS
I have a motor
impairment and am
unable to use a mouse
or keyboard so use
speech recognition
software

36. GDS
Cognition / thinking
6.4 million in the UK have dyslexia
1.5 million people have a learning
disability
850,000 have dementia
700,000 are on the autistic spectrum
GDS

37. GDSGDS
I have dyslexia and struggle to
process written text and spell

38. GDSGDS
I am on the autistic spectrum and
struggle to process information

39. GDSGDS
I have attention deficit hyperactivity
disorder (ADHD) and find it hard to
concentrate

40. GDSGDS
4 principles of accessibility
● Perceivable
● Operable
● Understandable
● Robust

46. GDSGDS
Digital products that can be used:
● without vision
● with limited vision
● without perception of colour
● without hearing
● with limited hearing
● with limited dexterity
● with limited cognition
● without speech

48. How do you know what to
consider?

49. GDSAlistair Duggin

50. GDSAlistair Duggin

52. GDSGDS

54. A 4-part strategy
for accessible
design

55. GDS
How do we design something that meets
the needs of the broadest possible
audience?
GDS

56. GDSGDS

57. GDS
Every design decision has the potential to
include or exclude people
GDS

58. 1#
Design for most users
without modifications

59. GDS
Follow best practice that results in inclusion
and usability:
GDS

60. GDS
Design an interface that is simple, and
intuitive and consistent
GDS

61. GDS
Write content that uses plain language and
is clear and easy to understand
GDS

62. GDSGDS
Break up content
with lists and
descriptive headings

63. GDS
Write descriptive links, buttons
and form labels
GDS

64. GDS
Make content legible with good colour
contrast
GDS

65. GDS
Provide large hit areas for buttons and
controls
GDS

66. GDS
Allow users enough time
GDS

67. GDS
Provide error messages that help people
correct the errors
GDS

68. GDSGDS

69. #2
Design for easy
adaptation to different
users

70. GDS
Recognise that many people with have to
adapt the experience
GDS

71. GDSGDS

72. GDSGDS

73. GDSGDS

74. GDSGDS

75. GDS
Allow people to extend time limits
GDS

76. GDS
Allow people to turn video captions on/off
GDS

77. GDS
Allow people to stop/pause animations and
audio
GDS

78. 3#
Complementary design
providing alternatives to meet
the different needs of users

79. GDS
Identify where solutions exclude people and
an alternative is also required
GDS

80. GDSAlistair Duggin GDS

81. GDSAlistair Duggin GDS

82. GDS

83. GDS
“I always find that very very very annoying
with all online forms. They never give me
the opportunity to say text only. So how do
I let people know that I don’t want you to
phone me?”
- User feedback
GDS

85. 4#
Design with a view to
connect seamlessly to
assistive technology

86. GDS
Ensure it works in the broadest range of
technology possible
GDS

87. GDSGDS

88. GDSAlistair Duggin GDS

89. GDSAlistair Duggin
Frontend developers need to write
accessible HTML, CSS and Javascript
GDS

90. GDSAlistair Duggin GDS

91. GDS
Ensure all
content and
functionality is
available to a
keyboard
GDS

92. GDSAlistair Duggin

93. This is for everyone...

94. GDS
Our goal should be to make our digital
products accessible to the widest possible
audience
GDS

95. GDSGDS

96. GDS
1. Ease to use
2. Adaptable
3. Complementary alternatives
4. Compatible with a broad range of tech
GDS

97. GDS
Designing for diversity helps us create
better products
GDS

98. GDS
And helps us avoid excluding people
accidentally
GDS

99. GDS
“For people without disability, technology
makes things easier
For people with disabilities, technology
makes things possible”
- IBM Training Manual, 1991
GDS

100. GDS
It’s our responsibility to ensure people don’t
face barriers
GDS

101. GDS
The prevalence of disability rises with age:
6% of children
16% of working age adults
45% of adults over State Pension age
GDS

102. GDS
By designing with accessibility in mind
we’re designing for our friends and family
and future selves.
GDS

103. GDS
Let’s make the best, most inclusive
products we can
GDS

104. GDSGDS

105. GDSGDS

106. Thanks!
Alistair Duggin
@dugboticus