34
Accessibilité des terminaux mobiles Confoo 2013

Mobile confoo 2013

Embed Size (px)

Citation preview

Page 1: Mobile confoo 2013

Accessibilité des terminaux mobilesConfoo 2013

Page 2: Mobile confoo 2013

Aurelien Levy

Directeur général Temesis

Expert Accessibilité

Page 3: Mobile confoo 2013

Usages des terminaux

70% de la population mondiale a un mobile

49,9 % des personnes ayant un mobile au Canada surfe sur le Web et utilise/télécharge des applications

80% du temps via les applications

85 000 000 de visiteurs unique par mois pour l’appli Facebook aux USA

Page 4: Mobile confoo 2013

70% à 90% du marché

Page 5: Mobile confoo 2013

Accessibilité universelle

« Mettre le web et ses services à la disposition de tous les individus, quels que soient leur matériel ou logiciel, leur infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales. »

Page 6: Mobile confoo 2013

Typologie du handicap

vision

audition

moteur

cognitif

Page 7: Mobile confoo 2013

natif depuis le lancement

amélioration à chaque version

homogénéité iphone / ipad / osx

accessibilité

Page 8: Mobile confoo 2013

voiceover

rotor

hight contrast

zoom

aides sonores

vision

Page 9: Mobile confoo 2013

vision

Page 10: Mobile confoo 2013

vision

Page 11: Mobile confoo 2013

vision

Page 12: Mobile confoo 2013

vision

Page 13: Mobile confoo 2013

vision

Page 14: Mobile confoo 2013

aides sonores

sonnerie / vibration

flash lumineux

soustitrage

facetime

audition

Page 15: Mobile confoo 2013

audition

Page 16: Mobile confoo 2013

audition

Page 17: Mobile confoo 2013

assistive touch

vitesse de clic

moteur

Page 18: Mobile confoo 2013

moteur

Page 19: Mobile confoo 2013

apps mémo, taches, icones

accès guidé

cognitif

Page 20: Mobile confoo 2013

cognitif

Page 21: Mobile confoo 2013

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

accessibilité

Page 22: Mobile confoo 2013

talkback

kickback

soundback

brailleback

explore by touch

large text

androidvox (contenu web)

vision

Page 23: Mobile confoo 2013

Les applications natives

Page 24: Mobile confoo 2013

app

- (BOOL)isAccessibilityElement- (NSString *)accessibilityLabel- (UIAccessibilityTraits)accessibilityTraits- (CGRect)accessibilityFrame

- (NSString *)accessibilityHint- (NSString *)accessibilityValue- (BOOL)shouldGroupAccessibilityChildren

Page 25: Mobile confoo 2013

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

Page 26: Mobile confoo 2013

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

Page 28: Mobile confoo 2013

app

AccessibilityManager.isEnabled ()

AccessibilityManager.isTouchExplorationEnabled ()

AccessibilityEvent,sendAccessibilityEvent()

!!!!! en cas d’interface custom, importer/compléter/refaire AccessibilityService

Page 29: Mobile confoo 2013

Les applications web

Page 30: Mobile confoo 2013

WCAG 2.0 (et ses enfants SGQRI, RGAA, Section 508,...)

Contenu perceptible

Contenu utilisable

Contenu compréhensible

Contenu robuste

Page 31: Mobile confoo 2013

Eléments HTML5

figure

header

footer

hgroup

etc...

Page 32: Mobile confoo 2013

Attributs HTML5

autocomplete

email

date

color

tel

required

placeholder

Page 33: Mobile confoo 2013

ARIA (accessible rich internet application)

role

etat

attribut

gestion du focus

design pattern

Page 34: Mobile confoo 2013

Questions ?

[email protected]

@goetsu

certaines des photos proviennent de la présentation de Paul Adam http://www.pauljadam.com/ia11y/