A talk given at UXCamp Europe 2014. How should UX professionals approach accessibility on the web? My message is that the focus on guidelines and technical demands is neither motivating, nor is it the best sollution. Designers should de what they do best: design. To do that they need to understand the needs of users, and the tools they use. Universal design is the place to start. I'm sorry for not having a transcript or audiorecording of my talk at this time. Please contact me and I would be happy to talk to you about it. Thanks to Wilhelm Joys Andersen @wilhelmja, Ida Jackson @virrvarr and Ida Aalen @idaaa for help with slides and arguments. Also a big thanks to the participants at UXCamp in Berlin for the opportunity to talk about this topic! http://www.uxcampeurope.org/

1. All you want to know
about accessibility are
things you already
know
Joakim Bording
@spispeas
Sunday 8 June 14

2. Accessibility
Sunday 8 June 14

3. Accessibility:
Shame on you, your site
does not comply with
accessibility standards
Sunday 8 June 14

4. Accessibility:
Those poor people need
help
Sunday 8 June 14

5. Accessibility:
It’s just good design
Sunday 8 June 14

6. Sunday 8 June 14

7. Sunday 8 June 14

8. Sunday 8 June 14

9. Sunday 8 June 14

10. Easy
Sunday 8 June 14

11. Frustrating
Sunday 8 June 14

12. Impossible
Sunday 8 June 14

13. Impossible
Frustrating
Easy
Sunday 8 June 14

14. Impossible
Frustrating
Easy
Sunday 8 June 14

15. Impossible
Frustrating
Easy
Cup of espresso
Sunday 8 June 14

16. Impossible
Frustrating
Easy
Cup of espresso
Glass of water
Sunday 8 June 14

17. Impossible
Frustrating
Easy
Cup of espresso
Glass of water
Cup of coffee
Sunday 8 June 14

18. – One out of seven
has some form
of disability
World Health Organization
Sunday 8 June 14

19. Sunday 8 June 14

20. Impairment
vs.
Disability
Sunday 8 June 14

21. «Impairment»
what makes your body
different or damaged
Sunday 8 June 14

22. «Disability»
is what happens when your
body encounters an obstacle
it can not solve
Sunday 8 June 14

23. Sunday 8 June 14

24. Sunday 8 June 14

25. Sunday 8 June 14

26. Sunday 8 June 14

27. Sunday 8 June 14

28. Sunday 8 June 14

29. Users become disabled
when we do not design
for their needs
Sunday 8 June 14

30. Designers:
Sunday 8 June 14

31. Designers:
Be nice!
Sunday 8 June 14

32. We got a new law in
Norway this summer
Sunday 8 June 14

33. Sunday 8 June 14

34. Regulation for universal
design of information
and communication
technology (ICT)
solutions
Anti-Discrimination and Accessibility Act § 14
Sunday 8 June 14

35. It’s illegal to
discriminate your users
on the grounds of
disability
Sunday 8 June 14

36. Sunday 8 June 14

37. Sunday 8 June 14

38. Sunday 8 June 14

39. – Never has so many debated
so much about such a
narrow field that so many
people think deals with so
few
@ahenrichsen (my translation)
Sunday 8 June 14

40. Sunday 8 June 14

41. Verordnung zur
Schaffung barrierefreier
Informationstechnik
nach dem
Behindertengleichstellun
gsgesetz
Behindertengleichstellungsgesetzes § 11
Sunday 8 June 14

42. Sunday 8 June 14

43. Sunday 8 June 14

44. – Net-based solutions must as a
minimum be designed in compliance
with standard Web Content
Accessibility Guidelines 2.0 (WCAG
2.0) (...)
uu.difi.no/english
Sunday 8 June 14

45. Sunday 8 June 14

46. Sunday 8 June 14

47. Sunday 8 June 14

48. Sunday 8 June 14

49. Sunday 8 June 14

50. Sunday 8 June 14

51. Read it but don’t be
afraid about it
Sunday 8 June 14

52. It’s about users
Sunday 8 June 14

53. Sunday 8 June 14

54. Let’s build
a website!
Sunday 8 June 14

55. User needs
Member Client Press
Sunday 8 June 14

56. Tools
Phones Tablets Laptops
Sunday 8 June 14

57. Mouse Finger
Tools
Sunday 8 June 14

58. Chrome
Version 32.0
Safari
Version 7.0.1
Firefox
Version 26.0
Tools
Sunday 8 June 14

59. This we know
Tools
• Screenresolutions
• Mouse or trackpad
• Touch
• Browser versions
User needs
• Relevance and priority
• Good content
• User testing
Sunday 8 June 14

60. Sunday 8 June 14

61. Level up!
Tools
• Keyboard navigation
• Screenreaders
• Screen zoom
• Browser zoom
User needs
• Contrast
• Colorblindnes
Sunday 8 June 14

62. Accessibility without
user friendliness
is bogus.
Sunday 8 June 14

63. Sunday 8 June 14

64. Lets learn some
new skills!
Sunday 8 June 14

65. Order it right
and make it
readable
1
Sunday 8 June 14

66. ⌘ + F5
Sunday 8 June 14

67. Sunday 8 June 14

68. Skjermdump: knyteslips.no
1) Place the tie around your neck. The wide
end should be about 30-35 cm longer than
the narrow end of the tie. Let the wide end
cross over the narrow end.
2) Fold the wide end around and behind the
narrow end of the tie.
Sunday 8 June 14

69. Become a
member
MedlemsfordelerSign up now
Foto: flic.kr/p/bJxmpP
Sunday 8 June 14

70. Become a
member
MedlemsfordelerSign up now
Foto: flic.kr/p/bJxmpP
Sunday 8 June 14

71. Book him now
Foto: flic.kr/p/bJxmpP
Go on a date
with Gustav
Sunday 8 June 14

72. Write short and
informative
textalternatives for
relevant pictures
Sunday 8 June 14

73. Sunday 8 June 14

74. «Right arrow button»
Sunday 8 June 14

75. «Right arrow button»
value="→"
Sunday 8 June 14

76. iPhone anyone?
Sunday 8 June 14

77. iPhone anyone?
Enable VoiceOver in settings
Sunday 8 June 14

78. Sunday 8 June 14

79. Search with your finger
Flick trough
Click
Next page
Scroll
Choose navigation level
Flick trought in that level
Turn of your screen
double tapp
3 tapp
Number of fingers
Sunday 8 June 14

80. Be generous
with contrast
and do not
rely on color
alone
2
Sunday 8 June 14

81. Sunday 8 June 14

82. Sunday 8 June 14

83. Sunday 8 June 14

84. Sunday 8 June 14

85. Contrast ratio: 4.5:1
Sunday 8 June 14

86. #777
Sunday 8 June 14

87. Sunday 8 June 14

88. http://leaverou.github.com/contrast-ratio/
Sunday 8 June 14

89. Sunday 8 June 14

90. Sunday 8 June 14

91. Now, one of the peculiar
characteristics of the
savage in his domestic
hours, is his wonderful
patience of industry.
Now, one of the peculiar
characteristics of the
savage in his domestic
hours, is his wonderful
patience of industry.
Now, one of the peculiar
characteristics of the
savage in his domestic
hours, is his wonderful
patience of industry.
Now, one of the peculiar
characteristics of the
savage in his domestic
hours, is his wonderful
patience of industry.
Sunday 8 June 14

92. Now, one of the peculiar
characteristics of the
savage in his domestic
hours, is his wonderful
patience of industry.
Now, one of the peculiar
characteristics of the
savage in his domestic
hours, is his wonderful
patience of industry.
Now, one of the peculiar
characteristics of the
savage in his domestic
hours, is his wonderful
patience of industry.
Now, one of the peculiar
characteristics of the
savage in his domestic
hours, is his wonderful
patience of industry.
Sunday 8 June 14

93. Let the
keyboard
join the
party!
3
Sunday 8 June 14

94. Foto: Flickr - yum9me
Sunday 8 June 14

95. 1. Lasy users
2. Expertusers
3. Users with limited movement
4. Blind and visually impaired users
Who use the keyboard
for navigation?
Sunday 8 June 14

96. TEST IT!
Sunday 8 June 14

97. First define some
tasks you want to test
on your site
Sunday 8 June 14

98. Sunday 8 June 14

99. Sunday 8 June 14

100. ...
Sunday 8 June 14

101. 1. Du you see where you are and what you do?
2. Can you do everything you want?
3. Is the focus placed where you expect it to?
4. Is there a lot of repeating content on the site?
Four things to test
Sunday 8 June 14

102. If it belongs
together it
should stay
together
4
Sunday 8 June 14

103. Screen zoom
This is a webpage with a lot of
great content. This is a webpage
with a lot of great content. This is
a webpage with a lot of great
content. This is a webpage with a
lot of great content. This is a
webpage with a lot of great
content.
Sunday 8 June 14

104. Screen zoom
This is a webpage with a lot of
great content. This is a webpage
with a lot of great content. This is
a webpage with a lot of great
content. This is a webpage with a
lot of great content. This is a
webpage with a lot of great
content.
Sunday 8 June 14

105. Will the users find their
way around when
zoomed in?
Sunday 8 June 14

106. Browser zoom
This is a webpage with a lot of
great content. This is a webpage
with a lot of great content. This is
a webpage with a lot of great
content. This is a webpage with a
lot of great content. This is a
webpage with a lot of great
content.
Sunday 8 June 14

107. Browser zoom
This is a webpage with a lot of
great content. This is a webpage
with a lot of great content. This is
a webpage with a lot of great
content. This is a webpage with a
lot of great content. This is a
webpage with a lot of great
content.
Sunday 8 June 14

108. Browser zoom
This is a webpage with
a lot of great content.
This is a webpage with
a lot of great content.
This is a webpage with
a lot of great content.
Sunday 8 June 14

109. Browser zoom
This is a webpage with
a lot of great content.
This is a webpage with
a lot of great content.
This is a webpage with
a lot of great content.
Sunday 8 June 14

110. HTML + CSS
Sunday 8 June 14

111. Make ONE
sollution
for all
5
Sunday 8 June 14

112. Sunday 8 June 14

113. Foto: greatbuildings.com
Sunday 8 June 14

114. – Universal design is the 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 Center for Universal Design
Sunday 8 June 14

115. Sunday 8 June 14

116. – Design for extremes. The
middle will take care of
itself.
Dan Formosa
Sunday 8 June 14

117. Try it out!
Sunday 8 June 14

118. Sunday 8 June 14

119. Sunday 8 June 14

120. Sunday 8 June 14

121. Designer Developer Editor Writer
Sunday 8 June 14

122. – The power of the Web is in
its universality. Access by
everyone regardless of
disability is an essential
aspect.
Tim Berners-Lee
Sunday 8 June 14

123. Sunday 8 June 14

124. Sunday 8 June 14

125. Thank you!
Joakim Bording
@spispeas
#a11y
Sunday 8 June 14