Embed Size (px)
DESCRIPTION
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/
Citation preview
All you want to know about accessibility are things you already know
Joakim Bording@spispeas
Sunday 8 June 14
Accessibility
Sunday 8 June 14
Accessibility:
Shame on you, your site does not comply with accessibility standards
Sunday 8 June 14
Accessibility:
Those poor people need help
Sunday 8 June 14
Accessibility:
It’s just good design
Sunday 8 June 14
Sunday 8 June 14
Sunday 8 June 14
Sunday 8 June 14
Sunday 8 June 14
Easy
Sunday 8 June 14
Frustrating
Sunday 8 June 14
Impossible
Sunday 8 June 14
Impossible
Frustrating
Easy
Sunday 8 June 14
Impossible
Frustrating
EasySunday 8 June 14
Impossible
Frustrating
Easy
Cup of espresso
Sunday 8 June 14
Impossible
Frustrating
Easy
Cup of espresso
Glass of water
Sunday 8 June 14
Impossible
Frustrating
Easy
Cup of espresso
Glass of water
Cup of coffee
Sunday 8 June 14
– One out of seven has some form of disabilityWorld Health Organization
Sunday 8 June 14
Sunday 8 June 14
Impairment
vs.
Disability
Sunday 8 June 14
«Impairment»
what makes your body different or damaged
Sunday 8 June 14
«Disability»
is what happens when your body encounters an obstacle it can not solve
Sunday 8 June 14
Sunday 8 June 14
Sunday 8 June 14
Sunday 8 June 14
Sunday 8 June 14
Sunday 8 June 14
Sunday 8 June 14
Users become disabled when we do not design for their needs
Sunday 8 June 14
Designers:
Sunday 8 June 14
Designers:
Be nice!
Sunday 8 June 14
We got a new law in Norway this summer
Sunday 8 June 14
Sunday 8 June 14
Regulation for universal design of information and communication
technology (ICT) solutions
Anti-Discrimination and Accessibility Act § 14
Sunday 8 June 14
It’s illegal to discriminate your users
on the grounds of disability
Sunday 8 June 14
Sunday 8 June 14
Sunday 8 June 14
Sunday 8 June 14
– 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
Sunday 8 June 14
Verordnung zur Schaffung barrierefreier
Informationstechnik nach dem
Behindertengleichstellungsgesetz
Behindertengleichstellungsgesetzes § 11
Sunday 8 June 14
Sunday 8 June 14
Sunday 8 June 14
– 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
Sunday 8 June 14
Sunday 8 June 14
Sunday 8 June 14
Sunday 8 June 14
Sunday 8 June 14
Sunday 8 June 14
Read it but don’t be afraid about it
Sunday 8 June 14
It’s about usersSunday 8 June 14
Sunday 8 June 14
Let’s builda website!
Sunday 8 June 14
User needs
Member Client Press
Sunday 8 June 14
Tools
Phones Tablets Laptops
Sunday 8 June 14
Mouse Finger
Tools
Sunday 8 June 14
ChromeVersion 32.0
SafariVersion 7.0.1
FirefoxVersion 26.0
Tools
Sunday 8 June 14
This we know
Tools
• Screenresolutions• Mouse or trackpad• Touch• Browser versions
User needs
• Relevance and priority• Good content• User testing
Sunday 8 June 14
Sunday 8 June 14
Level up!
Tools
• Keyboard navigation• Screenreaders• Screen zoom• Browser zoom
User needs
• Contrast• Colorblindnes
Sunday 8 June 14
Accessibility withoutuser friendlinessis bogus.
Sunday 8 June 14
Sunday 8 June 14
Lets learn some new skills!
Sunday 8 June 14
Order it right and make it readable
1
Sunday 8 June 14
⌘ + F5
Sunday 8 June 14
Sunday 8 June 14
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
Become a memberMedlemsfordelerSign up now
Foto: flic.kr/p/bJxmpP
Sunday 8 June 14
Become a memberMedlemsfordelerSign up now
Foto: flic.kr/p/bJxmpP
Sunday 8 June 14
Book him now
Foto: flic.kr/p/bJxmpP
Go on a date with Gustav
Sunday 8 June 14
Write short and informative textalternatives for relevant pictures
Sunday 8 June 14
Sunday 8 June 14
«Right arrow button»
Sunday 8 June 14
«Right arrow button»
value="→"
Sunday 8 June 14
iPhone anyone?
Sunday 8 June 14
iPhone anyone?
Enable VoiceOver in settings
Sunday 8 June 14
Sunday 8 June 14
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
Be generous with contrast and do not rely on color alone
2
Sunday 8 June 14
Sunday 8 June 14
Sunday 8 June 14
Sunday 8 June 14
Sunday 8 June 14
Contrast ratio: 4.5:1
Sunday 8 June 14
#777
Sunday 8 June 14
Sunday 8 June 14
http://leaverou.github.com/contrast-ratio/Sunday 8 June 14
Sunday 8 June 14
Sunday 8 June 14
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
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
Let the keyboard join the party!
3
Sunday 8 June 14
Foto: Flickr - yum9meSunday 8 June 14
1. Lasy users2. Expertusers3. Users with limited movement4. Blind and visually impaired users
Who use the keyboard for navigation?
Sunday 8 June 14
TEST IT!
Sunday 8 June 14
First define some tasks you want to test on your site
Sunday 8 June 14
Sunday 8 June 14
Sunday 8 June 14
...
Sunday 8 June 14
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
If it belongs together it should stay together
4
Sunday 8 June 14
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
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
Will the users find their way around when zoomed in?
Sunday 8 June 14
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
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
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
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
HTML + CSS
Sunday 8 June 14
Make ONE sollution for all
5
Sunday 8 June 14
Sunday 8 June 14
Foto: greatbuildings.comSunday 8 June 14
– 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
Sunday 8 June 14
– Design for extremes. The middle will take care of itself.Dan Formosa
Sunday 8 June 14
Try it out!
Sunday 8 June 14
Sunday 8 June 14
Sunday 8 June 14
Sunday 8 June 14
Designer Developer Editor Writer
Sunday 8 June 14
– 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
Sunday 8 June 14
Sunday 8 June 14
Thank you!
Joakim Bording@spispeas#a11y
Sunday 8 June 14
