Accessibilitédes terminauxmobilesConfoo 2013
Aurelien Levy Directeur général Temesis Expert Accessibilité
Usages des terminaux70% de la population mondiale a un mobile49,9 % des personnes ayant un mobile au Canadasurfe sur le We...
70% à 90% du marché
Accessibilité universelle« Mettre le web et ses services à ladisposition de tous les individus, quels quesoient leur matér...
Typologie du handicap vision audition moteur cognitif
accessibilité natif depuis le lancement amélioration à chaque version homogénéité iphone / ipad / osx
vision voiceover rotor hight contrast zoom aides sonores
vision
vision
vision
vision
vision
audition aides sonores sonnerie / vibration flash lumineux soustitrage facetime
audition
audition
moteurassistive touchvitesse de clic
moteur
cognitif apps mémo, taches, icones accès guidé
cognitif
accessibilité prise en compte à partir de la 1.6 réellement utilisable à partir de la version 4.0 surcouche OS propre à ch...
vision talkback kickback soundback brailleback explore by touch large text androidvox (contenu web)
Les applications natives
app     - (BOOL)isAccessibilityElement            - (NSString *)accessibilityHint- (NSString *)accessibilityLabel         ...
traits et propriétés Label : intitulé court du composant (mais pas le type cf traits) Traits : combinaison d’une ou plusie...
activation, notif, focus NSString UIAccessibilityVoiceOverStatusChanged BOOL UIAccessibilityIsVoiceOverRunning() BOOL UIAc...
appandroid:contentDescription,android:hint,setContentDescription(contentDescription);android:focusable,android:nextFocusDo...
appAccessibilityManager.isEnabled ()AccessibilityManager.isTouchExplorationEnabled ()AccessibilityEvent,sendAccessibilityE...
Les applications web
WCAG 2.0              (et ses enfants SGQRI, RGAA, Section 508,...)Contenu perceptibleContenu utilisableContenu compréhens...
Eléments HTML5figureheaderfooterhgroupetc...
Attributs HTML5autocompleteemaildatecolortelrequiredplaceholder
ARIA       (accessible rich internet application)roleetatattributgestion du focusdesign pattern
Questions ?          aurelien.levy@temesis.com          @goetsu          certaines des photos proviennent de la présentati...
Upcoming SlideShare
Loading in …5
×

Mobile confoo 2013

933 views
879 views

Published on

Published in: Technology
2 Comments
2 Likes
Statistics
Notes
  • différentes études de forester ou équivalent et dans des présentation apple/android/mozilla et les classiques statcounter et autres
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Bonjour Aurélien,

    J'aurai aimé assister à cette présentation, mais c'était un peu loin.

    Est-il possible de connaitre les sources des chiffres que tu avances dans tes slides 3 et 4 ?

    Merci d'avance,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
933
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
7
Comments
2
Likes
2
Embeds 0
No embeds

No notes for slide

Mobile confoo 2013

  1. 1. Accessibilitédes terminauxmobilesConfoo 2013
  2. 2. Aurelien Levy Directeur général Temesis Expert Accessibilité
  3. 3. Usages des terminaux70% de la population mondiale a un mobile49,9 % des personnes ayant un mobile au Canadasurfe sur le Web et utilise/télécharge des applications80% du temps via les applications85 000 000 de visiteurs unique par mois pour l’appliFacebook aux USA
  4. 4. 70% à 90% du marché
  5. 5. Accessibilité universelle« Mettre le web et ses services à ladisposition de tous les individus, quels quesoient leur matériel ou logiciel, leurinfrastructure réseau, leur languematernelle, leur culture, leur localisationgéographique, ou leurs aptitudes physiquesou mentales. »
  6. 6. Typologie du handicap vision audition moteur cognitif
  7. 7. accessibilité natif depuis le lancement amélioration à chaque version homogénéité iphone / ipad / osx
  8. 8. vision voiceover rotor hight contrast zoom aides sonores
  9. 9. vision
  10. 10. vision
  11. 11. vision
  12. 12. vision
  13. 13. vision
  14. 14. audition aides sonores sonnerie / vibration flash lumineux soustitrage facetime
  15. 15. audition
  16. 16. audition
  17. 17. moteurassistive touchvitesse de clic
  18. 18. moteur
  19. 19. cognitif apps mémo, taches, icones accès guidé
  20. 20. cognitif
  21. 21. accessibilité prise en compte à partir de la 1.6 réellement utilisable à partir de la version 4.0 surcouche OS propre à chaque fabricant téléphone à clavier
  22. 22. vision talkback kickback soundback brailleback explore by touch large text androidvox (contenu web)
  23. 23. Les applications natives
  24. 24. app - (BOOL)isAccessibilityElement - (NSString *)accessibilityHint- (NSString *)accessibilityLabel - (NSString *)accessibilityValue- (UIAccessibilityTraits)accessibilityTraits - (BOOL)shouldGroupAccessibilityChildren- (CGRect)accessibilityFrame
  25. 25. traits et propriétés Label : intitulé court du composant (mais pas le type cf traits) Traits : combinaison d’une ou plusieurs caractéristiques décrivant le composant ou son état, usage, comportement Hint : description succincte du résultat de l’action sur le composant Frame: coordonnées et dimension du composant à l’écran Value : la valeur d’un composant
  26. 26. activation, notif, focus NSString UIAccessibilityVoiceOverStatusChanged BOOL UIAccessibilityIsVoiceOverRunning() BOOL UIAccessibilityIsInvertColorsEnabled() UIAccessibilityPostNotification ( UIAccessibilityLayoutChangedNotification, nil); UIAccessibilityPostNotification ( UIAccessibilityScreenChangedNotification, nil, moveToButton);); !!!!! en cas d’interface custom à importer/ compléter/refaire les headers UIKit/ UIAccessibility
  27. 27. appandroid:contentDescription,android:hint,setContentDescription(contentDescription);android:focusable,android:nextFocusDown,android:nextFocusLeft,android:nextFocusRight,android:nextFocusUpsetFocusable(),isFocusable(),requestFocus()
  28. 28. appAccessibilityManager.isEnabled ()AccessibilityManager.isTouchExplorationEnabled ()AccessibilityEvent,sendAccessibilityEvent()!!!!! en cas d’interface custom,importer/compléter/refaireAccessibilityService
  29. 29. Les applications web
  30. 30. WCAG 2.0 (et ses enfants SGQRI, RGAA, Section 508,...)Contenu perceptibleContenu utilisableContenu compréhensibleContenu robuste
  31. 31. Eléments HTML5figureheaderfooterhgroupetc...
  32. 32. Attributs HTML5autocompleteemaildatecolortelrequiredplaceholder
  33. 33. ARIA (accessible rich internet application)roleetatattributgestion du focusdesign pattern
  34. 34. Questions ? aurelien.levy@temesis.com @goetsu certaines des photos proviennent de la présentation de Paul Adam http://www.pauljadam.com/ia11y/

×