1.
Web Accessibility
where to start?
Rian Rietveld
WordPress Engineer @ Human Made

2.
It’s a team effort
• Client
• Project manager
• Information architect
• Designer
• Developer
• Content manager

3.
Everyone is involved

4.
Change your
point of view!

5.
You are a high end user

6.
But your visitors may not be

7.
Don’t create a website
for yourself

8.
So, what should you do?

9.
Project manager

10.
What not to do
Check the accessibility at the end,
just going before online

11.
Start project
• include accessibility from the beginning
• train your people and yourself
• it is an integral part of the project, like
responsive design

12.
Information architect

13.
Don’t add
A11y Pizza

14.
Browsers get smarter
Users have their own AT

15.
Think twice
about functionality

16.
Can we use this plugin?

17.
Designer

18.
Good read
medium.com/salesforce-ux/7-things-every-designer-
needs-to-know-about-accessibility-64f105f0881b
7 Things Every Designer Needs to Know
about Accessibility
by Jesse Hausler

19.
Colour contrast
Contrast matters
Contrast matters
Contrast matters
Contrast matters

20.
contrastchecker.com

21.
Not by colour alone
I'm gonna make you an offer you can't refuse
I'm gonna make you an offer you can't refuse

22.
Sim Daltonism

23.
Developer

24.
Accessibility !== Black Magic

25.
Use semantic,
meaningful HTML5

26.
Good read
HTML5doctor.com
developer.mozilla.org

27.
Headings
• one unique <h1> per view
• the rest meaningful
• do not skip a level

28.
<div> and <span>
don’t work with
keyboard only

29.
<button> for action
<a> for location

30.
Make it work
before you make it nice

31.
Content manager

32.
Good read
foxland.fi/writing-accessible-content/
Writing Accessible Content
by Sami Keijonen

33.
Meaningful link text

34.
• click here
• read more
• continue reading
• download
Wrong link texts

35.
( good SEO === accessibility )

36.
Test software!

37.
aXe by Deque Labs
Browser add-on
deque.com/products/axe/

38.
WAVE
Chrome plugin
or online
http://wave.webaim.org

39.
Keyboard test!
rianrietveld.com/keyboard/

40.
Change your
point of view!

41.
users
over authors
over implementors
over specifiers
over theoretical purity
W3C HTML Design Principles

42.
@rianrietveld
slideshare.net/rianrietveld