How to improve UX by
implementing accessibility
Radek PAVLÍČEK, Blind Friendly Web
Do you like CAPTCHA?
CAPTCHA is one of the accessibility issues which is struggling for
Accessibility is
for the majority,
not the minority
Accessibility
≠
handicapped people
only
Although a lot of people have accessibility
connected to handicapped people only…
…accessibility is not just about them. Accessibility is beneficial
to a lot of other users (elderly, children, user of mob...
Some adaptations are useful
only for users with special
needs
Sign language
Audio description of movies
Hidden headings
Skip to links
But the rest of accessibility
adjustements is useful for
vast majority of users
Real life examples
State of the art in certain areas -
accessibility is a part of design.
Low floor
Audio information
From accessibility adjustment of this tram profit also those, who travel
with pram, or passeng...
Subtitles are useful not only for people with hearing
impairement, but also for those, who do not
understand spoken langua...
What can I do to
help my users?
Very often, the
difference is
in details
#1
Focus on
the core message
#2
How can I upgrade
without a button?
Missing text
alternative
There is no button which I can
click on.
#3
Bigger area, better
user experience
Explicit association of controls with
their labels
When you create explicit association of
form element and its descriptio...
#4
Fast and furious
Keyboard shortcuts – you can operate
the web in very efficient way.
#5
Money, money,
money…
Do you know when you refuse money
from your potential customers?
When your payment gateway is
inaccessible to some of them.
Proof & Reason
Time is an important quantity of accessibility.
Better accessibility, faster task
completion.
AccessibleInaccessible
Proof, that accessibility is beneficial to all users,
can be found in this report.
Duration
On low accessibility sites both groups were slower and they need more time to
complete their tasks. In other word...
What can I do when I
want to offer my
users a better
experience?
Have accessibility in mind
Integrate accessibility into all parts of your developement
process.
Accessibility
There are a lot of methodologies and
guidelines which could help you.
Accessibility is not
a feature.
It represents how
you think about
people.
Smartphones with iOS or Android have many
built-in accessibility features and are accessible
out of the box.
Accessibility is an integral part of
developement process at Seznam.cz
Benefits
Accessibility can bring you more money,
…positive feedback…
…and more satisfied users and customers.
Contact info
pavlicek@blindfriendly.cz
@radlicek
Photo credits
• www.fotopedia.com/items/flickr-415742494
• www.flickr.com/photos/11407072@N03/2194359747/
• www.flickr.com...
How to improve UX by implementing accessibility - WebExpo 2013 Edition
How to improve UX by implementing accessibility - WebExpo 2013 Edition
How to improve UX by implementing accessibility - WebExpo 2013 Edition
How to improve UX by implementing accessibility - WebExpo 2013 Edition
How to improve UX by implementing accessibility - WebExpo 2013 Edition
How to improve UX by implementing accessibility - WebExpo 2013 Edition
How to improve UX by implementing accessibility - WebExpo 2013 Edition
How to improve UX by implementing accessibility - WebExpo 2013 Edition
How to improve UX by implementing accessibility - WebExpo 2013 Edition
Upcoming SlideShare
Loading in …5
×

How to improve UX by implementing accessibility - WebExpo 2013 Edition

1,037 views
945 views

Published on

Accessibility is very closely connected with other web developement domains, and brings benefits to all users (similarly to the real world). By way of practical examples I demonstrate how implementing accessibility could make life of your users easier and happier.

Published in: Design, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,037
On SlideShare
0
From Embeds
0
Number of Embeds
250
Actions
Shares
0
Downloads
8
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • As we know, time is one of five accessibility keystones
  • How to improve UX by implementing accessibility - WebExpo 2013 Edition

    1. 1. How to improve UX by implementing accessibility Radek PAVLÍČEK, Blind Friendly Web
    2. 2. Do you like CAPTCHA? CAPTCHA is one of the accessibility issues which is struggling for
    3. 3. Accessibility is for the majority, not the minority
    4. 4. Accessibility ≠ handicapped people only
    5. 5. Although a lot of people have accessibility connected to handicapped people only…
    6. 6. …accessibility is not just about them. Accessibility is beneficial to a lot of other users (elderly, children, user of mobile devices, etc.).
    7. 7. Some adaptations are useful only for users with special needs
    8. 8. Sign language
    9. 9. Audio description of movies
    10. 10. Hidden headings
    11. 11. Skip to links
    12. 12. But the rest of accessibility adjustements is useful for vast majority of users
    13. 13. Real life examples
    14. 14. State of the art in certain areas - accessibility is a part of design.
    15. 15. Low floor Audio information From accessibility adjustment of this tram profit also those, who travel with pram, or passengers, who use audio information about particular stops to be informed where they are and where they must get off.
    16. 16. Subtitles are useful not only for people with hearing impairement, but also for those, who do not understand spoken language very well.
    17. 17. What can I do to help my users?
    18. 18. Very often, the difference is in details
    19. 19. #1 Focus on the core message
    20. 20. #2 How can I upgrade without a button?
    21. 21. Missing text alternative There is no button which I can click on.
    22. 22. #3 Bigger area, better user experience
    23. 23. Explicit association of controls with their labels When you create explicit association of form element and its description/label, the clickable area is larger, because you can click also on the label.
    24. 24. #4 Fast and furious
    25. 25. Keyboard shortcuts – you can operate the web in very efficient way.
    26. 26. #5 Money, money, money…
    27. 27. Do you know when you refuse money from your potential customers?
    28. 28. When your payment gateway is inaccessible to some of them.
    29. 29. Proof & Reason
    30. 30. Time is an important quantity of accessibility.
    31. 31. Better accessibility, faster task completion. AccessibleInaccessible
    32. 32. Proof, that accessibility is beneficial to all users, can be found in this report.
    33. 33. Duration On low accessibility sites both groups were slower and they need more time to complete their tasks. In other words, on high accessibility sites they were able to complete their tasks faster and easier.
    34. 34. What can I do when I want to offer my users a better experience?
    35. 35. Have accessibility in mind
    36. 36. Integrate accessibility into all parts of your developement process. Accessibility
    37. 37. There are a lot of methodologies and guidelines which could help you.
    38. 38. Accessibility is not a feature. It represents how you think about people.
    39. 39. Smartphones with iOS or Android have many built-in accessibility features and are accessible out of the box.
    40. 40. Accessibility is an integral part of developement process at Seznam.cz
    41. 41. Benefits
    42. 42. Accessibility can bring you more money,
    43. 43. …positive feedback…
    44. 44. …and more satisfied users and customers.
    45. 45. Contact info pavlicek@blindfriendly.cz @radlicek
    46. 46. Photo credits • www.fotopedia.com/items/flickr-415742494 • www.flickr.com/photos/11407072@N03/2194359747/ • www.flickr.com/photos/60207590@N00/2344734563 • http://commons.wikimedia.org/wiki/File:Brno,_Mendlovo_n%C3%A1m%C4%9B • www.flickr.com/photos/nationaalarchief/4025536029/ • www.flickr.com/photos/cornelluniversitylibrary/3678984206/ • http://4.bp.blogspot.com/__1B7eTIn3jM/SoMylQ_RqWI/AAAAAAAAAAw/F8u_j • http://www.sons.cz/docs/bariery/sons_inet1_01_2010.pdf

    ×