Upload
levy-aurelien
View
698
Download
0
Embed Size (px)
Citation preview
Accessibilité des terminaux mobilesConfoo 2013
Aurelien Levy
Directeur général Temesis
Expert Accessibilité
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
70% à 90% du marché
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. »
Typologie du handicap
vision
audition
moteur
cognitif
natif depuis le lancement
amélioration à chaque version
homogénéité iphone / ipad / osx
accessibilité
voiceover
rotor
hight contrast
zoom
aides sonores
vision
vision
vision
vision
vision
vision
aides sonores
sonnerie / vibration
flash lumineux
soustitrage
facetime
audition
audition
audition
assistive touch
vitesse de clic
moteur
moteur
apps mémo, taches, icones
accès guidé
cognitif
cognitif
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é
talkback
kickback
soundback
brailleback
explore by touch
large text
androidvox (contenu web)
vision
Les applications natives
app
- (BOOL)isAccessibilityElement- (NSString *)accessibilityLabel- (UIAccessibilityTraits)accessibilityTraits- (CGRect)accessibilityFrame
- (NSString *)accessibilityHint- (NSString *)accessibilityValue- (BOOL)shouldGroupAccessibilityChildren
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
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
appandroid:contentDescription,android:hint, setContentDescription(contentDescription);
android:focusable, android:nextFocusDown, android:nextFocusLeft, android:nextFocusRight, android:nextFocusUp
setFocusable(),isFocusable(),requestFocus()
app
AccessibilityManager.isEnabled ()
AccessibilityManager.isTouchExplorationEnabled ()
AccessibilityEvent,sendAccessibilityEvent()
!!!!! en cas d’interface custom, importer/compléter/refaire AccessibilityService
Les applications web
WCAG 2.0 (et ses enfants SGQRI, RGAA, Section 508,...)
Contenu perceptible
Contenu utilisable
Contenu compréhensible
Contenu robuste
Eléments HTML5
figure
header
footer
hgroup
etc...
Attributs HTML5
autocomplete
date
color
tel
required
placeholder
ARIA (accessible rich internet application)
role
etat
attribut
gestion du focus
design pattern
Questions ?
@goetsu
certaines des photos proviennent de la présentation de Paul Adam http://www.pauljadam.com/ia11y/