Design for all - Smartphone et Tablette - FLUPA

628 views

Published on

Présentation sur l'accessibilité des tablettes et smartphones.

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
628
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Design for all - Smartphone et Tablette - FLUPA

  1. 1. Design for all, smartphone & tablette Raphaël Yharrassarry iErgo
  2. 2. iErgo pe u til de D lie es ns ou n U s& te de s ue ni q ch fo ra ll ilit é ss ib ce es ign Ac D
  3. 3. iErgo
  4. 4. Démo iErgo
  5. 5. le parcours iErgo
  6. 6. iErgo
  7. 7. iErgo
  8. 8. iErgo
  9. 9. iErgo
  10. 10. Catachrèse iErgo
  11. 11. iErgo
  12. 12. iErgo es ign pe u til de D lie es ns ou n U é s& de s s ue ni q ch te ilit fo ra ll ce ss ib Ac D
  13. 13. c’est quoi ? Web Web apps Applications Applications hybrides www.iergo.fr - raphael@iergo.fr 13
  14. 14. iOS - iPhone - iPad iErgo
  15. 15. iErgo
  16. 16. iErgo
  17. 17. iErgo
  18. 18. Android «Ice Cream Sandwich» - version 4 Support des écrans multitouch «Gingerbread, Honeycomb» &Co - Version 1,6 à 3 nécessité d’installer des applications tiers suivant les besoins. www.iergo.fr - raphael@iergo.fr 18
  19. 19. Mobile Platform # of Respondents % of Respondents Nuance Talks (Nokia) 374 30.0% VoiceOver for iPhone 338 27.1% Mobile Speak (Nokia) 203 16.3% TalkBack for Android 31 2.5% Orator/Oratio for BlackBerry 8 0.6% Other 80 6.4% http://webaim.org/projects/screenreadersurvey3/ iErgo
  20. 20. iErgo n til ch n te de s de s& u pe D lie es ns ou U ilit é fo ra ll ss ib ce es ign Ac D ue s iq
  21. 21. La taille ne varie pas. iErgo
  22. 22. iErgo
  23. 23. taille des cibles Minimum coté : 0,74 cm espacement : 0,38 cm Confortable coté : 0,9 cm espacement : 0,38 cm www.iergo.fr - raphael@iergo.fr 23
  24. 24. Applications et SDK iErgo
  25. 25. Web, Web apps, (hybride) iErgo
  26. 26. Respecter les normes Séparer le contenu de la forme iErgo
  27. 27. Responsive design iErgo
  28. 28. em & % iErgo
  29. 29. Les formulaires, abusons des types et attributs iErgo
  30. 30. Champ texte iErgo
  31. 31. Champ mot de passe iErgo
  32. 32. Champ téléphone iErgo
  33. 33. Menu déroulant iErgo
  34. 34. Date et heure iErgo
  35. 35. iErgo de ue ni q ch te es s de s l ou ien tils s & u pe D n U ilit é fo ra ll ss ib ce es ign Ac D
  36. 36. Quelques liens La liste des guidelines «accessibilités» pour différentes plateformes. Resources for mobile accessibility guidelines : http:// www.iheni.com/mobile-accessibility-guidelines/ Mobile Web Best Practices (MWBP) http://www.w3.org/TR/ mobile-bp/ www.iergo.fr - raphael@iergo.fr 36
  37. 37. W3C mobileOK Checker http://validator.w3.org/mobile/ www.iergo.fr - raphael@iergo.fr iErgo
  38. 38. iPhone/iPad Web and App Accessibility http://pauljadam.com/presentations/ accessu2011/index.html www.iergo.fr - raphael@iergo.fr iErgo
  39. 39. Adobe Shadows http://labs.adobe.com/technologies/shadow/ www.iergo.fr - raphael@iergo.fr iErgo
  40. 40. Questions ? iErgo
  41. 41. Raphaël Yharrassarry www.iergo.fr raphael@iergo.fr iergo iErgo

×