Design for all,smartphone & tabletteRaphaël Yharrassarry    iErgo
D             es               ign                            fo         Ac                   ra             ce           ...
iErgo
Démo       iErgo
le parcours              iErgo
iErgo
iErgo
iErgo
iErgo
Catachrèse             iErgo
iErgo
D             es               ign                     fo                       ra                         ll        Ac   ...
c’est quoi ?WebWeb appsApplicationsApplications hybrides www.iergo.fr - raphael@iergo.fr   13
iOS - iPhone - iPad                      iErgo
iErgo
iErgo
iErgo
Android«Ice Cream Sandwich» - version 4 Support des écrans multitouch«Gingerbread, Honeycomb» &Co - Version 1,6 à 3 nécess...
Mobile Platform              # of Respondents           % of Respondents   Nuance Talks (Nokia)                 374       ...
D             es               ign                     fo                       ra                         ll         Ac  ...
La taille ne varie pas.                          iErgo
iErgo
taille des ciblesMinimum coté : 0,74 cm espacement : 0,38 cmConfortable coté : 0,9 cm espacement : 0,38 cm www.iergo.fr - ...
Applications et SDK                      iErgo
Web, Web apps, (hybride)                           iErgo
Respecter les normesSéparer le contenu de la forme                                 iErgo
Responsive design                    iErgo
em & %         iErgo
Les formulaires,abusons des types et attributs                                 iErgo
Champ texte              iErgo
Champ mot de       passe               iErgo
Champ téléphone                  iErgo
Menu déroulant                 iErgo
Date et heure                iErgo
D             es               ign                      fo                        ra                          ll         A...
Quelques liensLa liste des guidelines «accessibilités» pour différentesplateformes. Resources for mobile accessibility gui...
W3C mobileOK Checker               http://validator.w3.org/mobile/                                                 www.ier...
iPhone/iPad Web and App Accessibilityhttp://pauljadam.com/presentations/       accessu2011/index.html                     ...
Adobe Shadows          http://labs.adobe.com/technologies/shadow/                                                       ww...
Questions ?              iErgo
RaphaëlYharrassarrywww.iergo.frraphael@iergo.fr	 iergo                   iErgo
Upcoming SlideShare
Loading in …5
×

FLUPA 2012 Accessibilité numérique - Design for All (Raphael Yharrassarry)

1,010 views

Published on

Présentation réalisée lors du Petit Déjeuner FLUPA "Accessibilité numérique et Ergonomie" à Lyon en mars 2012.

http://blocnotes.iergo.fr/articles/design-for-all-smartphone-et-tablette/

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,010
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
17
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

FLUPA 2012 Accessibilité numérique - Design for All (Raphael Yharrassarry)

  1. 1. Design for all,smartphone & tabletteRaphaël Yharrassarry iErgo
  2. 2. D es ign fo Ac ra ce ll ss ib ilit é U n pe u de te ch ni D q ue lie es ns ou til s& de siErgo
  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. D es ign fo ra ll Ac ce ss ib ilit U é n pe u de te ch ni D q ue lie es s ns ou til s& de siErgo
  13. 13. c’est quoi ?WebWeb appsApplicationsApplications 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. D es ign fo ra ll Ac ce ss ib ilit é U n pe u de D te lie es ch ns ou n til iq s& ue de s siErgo
  21. 21. La taille ne varie pas. iErgo
  22. 22. iErgo
  23. 23. taille des ciblesMinimum coté : 0,74 cm espacement : 0,38 cmConfortable 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 normesSé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. D es ign fo ra ll Ac ce ss ib ilit é U n pe u de te ch ni D que de es s s l ou ien tils s &iErgo
  36. 36. Quelques liensLa liste des guidelines «accessibilités» pour différentesplateformes. 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 Accessibilityhttp://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ëlYharrassarrywww.iergo.frraphael@iergo.fr iergo iErgo

×