Recommandé
Contenu connexe
En vedette
En vedette (20)
Flupa, design for all, smartphone et tablette
- 1. Design for all, smartphone & tablette Raphaël Yharrassarry iErgo
- 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 s iErgo
- 3. iErgo
- 4. Démo iErgo
- 5. le parcours iErgo
- 6. iErgo
- 7. iErgo
- 8. iErgo
- 9. iErgo
- 10. Catachrèse iErgo
- 11. iErgo
- 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 s iErgo
- 13. c’est quoi ? Web Web apps Applications Applications hybrides www.iergo.fr - raphael@iergo.fr 13
- 14. iOS - iPhone - iPad iErgo
- 15. iErgo
- 16. iErgo
- 17. iErgo
- 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. 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. 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 s iErgo
- 21. La taille ne varie pas. iErgo
- 22. iErgo
- 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. Applications et SDK iErgo
- 25. Web, Web apps, (hybride) iErgo
- 26. Respecter les normes Séparer le contenu de la forme iErgo
- 27. Responsive design iErgo
- 28. em & % iErgo
- 29. Les formulaires, abusons des types et attributs iErgo
- 30. Champ texte iErgo
- 31. Champ mot de passe iErgo
- 32. Champ téléphone iErgo
- 33. Menu déroulant iErgo
- 34. Date et heure iErgo
- 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. 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. W3C mobileOK Checker http://validator.w3.org/mobile/ www.iergo.fr - raphael@iergo.fr iErgo
- 38. iPhone/iPad Web and App Accessibility http://pauljadam.com/presentations/ accessu2011/index.html www.iergo.fr - raphael@iergo.fr iErgo
- 39. Adobe Shadows http://labs.adobe.com/technologies/shadow/ www.iergo.fr - raphael@iergo.fr iErgo
- 40. Questions ? iErgo