Quelle technologie pour quelle application mobile ?
Matelli Services fait un tour d'horizon des types d'applications mobiles et des outils de développement existants.
#ScalaBigDay
Jeudi 12 juin 2014
"Saisir les nouveaux enjeux de la mobilité et exploiter le potentiel du mobile" (Salle 5, 16h30 - 17h30)
Speaker : Mathieu Molinaro (@MatMolinaro)
Nouveaux comportements des consommateurs: quelles evolutions ergonomiques, vi...polenumerique33
Aujourd'hui le web est omniprésent dans la sphère professionnelle et personnelle ( loisirs, shopping...)
Le comportement des internautes évolue avec la multiplication des supports connectés. Un même consommateur est plusieurs, en fonction de son device. Pour faire face à cette omniprésence du web et ces divers comportements, les entreprises doivent évoluer pour répondre au mieux aux attentes des utilisateurs.
En remettant l'utilisateur au cœur de l'expérience numérique, quelles sont les évolutions techniques, ergonomiques et visuelles à mettre en place pour faire face à ces nouveaux comportements ?
Animé par E-COD, Ecole de la Communication et de la Création Digitale, à Bordeaux. Orgnisé en partenariat avec le Pole Numérique de la CCIB
Vous pensez que les utilisateurs n’y comprennent rien ? Vous croyez que l’Ergonomie, c’est juste du bon sens ? Vous êtes persuadé qu’en Informatique, l’Ergonomie ne concerne que les interfaces graphiques ? Vous avez déjà utilisé votre mère comme cobaye pour tester l’utilisabilité de vos interfaces ?
Si vous avez fièrement répondu « Oui » à au moins une de ces questions, votre situation n’est pas désespérée mais vous devriez lire cette présentation.
Problématique :
Comment augmenter la productivité des utilisateurs dans le cadre d’une utilisation d’applications professionnelles ?
Comment améliorer les taux de conversion et de fréquentation, notamment dans un contexte e-Commerce ?
Comment augmenter la satisfaction générale de vos utilisateurs ?
La réponse est simple, mais trop souvent négligée : l’ERGONOMIE !
Programme :
1. Qu’est-ce que l’Ergonomie ? Qu’apporte t-elle au Web ?
2. Ce que vous pensez savoir et ce que vous savez réellement sur l’Ergonomie.
3. Comment intégrer l’Ergonomie aux phases de conception d’applications ?
4. Problématiques et solutions concrètes.
5. Testez vos connaissances.
Créez une nouvelle relation-client avec des applications dédiées
Quelles sont les spécificités de ces développements ?
Quels sont les modèles économiques associés ?
Est-ce que la tablette va remplacer l’ordinateur ?
Vous démarrez sur Windows 8 et vous ne savez pas par où commencer ? Vous souhaitez mettre vos idées en application ? Nathalie Belval, experte Soat, vous a concocté une présentation pour vous permettre de comprendre les interfaces Microsoft Design Langage par un tour d'horizon sur les guidelines orientées UI et de découvrir les spécificités de Windows 8 pour les mettre à profil dans vos applications.
Pour bien démarrer votre projet, Nathalie vous explique comment identifier le contenu à mettre en avant (pour une nouvelle application, une migration d'un site web ou d'une application mobile existante) et découvrir les outils à votre disposition afin de prototyper votre application (SketchFlow et Templates dans PowerPoint).
Et enfin, Nathalie terminera sa présentation par le développement de l'application avec quelques astuces pour être productif dans le développement de vos interfaces modernes grâce à Expression Blend !
Quelle technologie pour quelle application mobile ?
Matelli Services fait un tour d'horizon des types d'applications mobiles et des outils de développement existants.
#ScalaBigDay
Jeudi 12 juin 2014
"Saisir les nouveaux enjeux de la mobilité et exploiter le potentiel du mobile" (Salle 5, 16h30 - 17h30)
Speaker : Mathieu Molinaro (@MatMolinaro)
Nouveaux comportements des consommateurs: quelles evolutions ergonomiques, vi...polenumerique33
Aujourd'hui le web est omniprésent dans la sphère professionnelle et personnelle ( loisirs, shopping...)
Le comportement des internautes évolue avec la multiplication des supports connectés. Un même consommateur est plusieurs, en fonction de son device. Pour faire face à cette omniprésence du web et ces divers comportements, les entreprises doivent évoluer pour répondre au mieux aux attentes des utilisateurs.
En remettant l'utilisateur au cœur de l'expérience numérique, quelles sont les évolutions techniques, ergonomiques et visuelles à mettre en place pour faire face à ces nouveaux comportements ?
Animé par E-COD, Ecole de la Communication et de la Création Digitale, à Bordeaux. Orgnisé en partenariat avec le Pole Numérique de la CCIB
Vous pensez que les utilisateurs n’y comprennent rien ? Vous croyez que l’Ergonomie, c’est juste du bon sens ? Vous êtes persuadé qu’en Informatique, l’Ergonomie ne concerne que les interfaces graphiques ? Vous avez déjà utilisé votre mère comme cobaye pour tester l’utilisabilité de vos interfaces ?
Si vous avez fièrement répondu « Oui » à au moins une de ces questions, votre situation n’est pas désespérée mais vous devriez lire cette présentation.
Problématique :
Comment augmenter la productivité des utilisateurs dans le cadre d’une utilisation d’applications professionnelles ?
Comment améliorer les taux de conversion et de fréquentation, notamment dans un contexte e-Commerce ?
Comment augmenter la satisfaction générale de vos utilisateurs ?
La réponse est simple, mais trop souvent négligée : l’ERGONOMIE !
Programme :
1. Qu’est-ce que l’Ergonomie ? Qu’apporte t-elle au Web ?
2. Ce que vous pensez savoir et ce que vous savez réellement sur l’Ergonomie.
3. Comment intégrer l’Ergonomie aux phases de conception d’applications ?
4. Problématiques et solutions concrètes.
5. Testez vos connaissances.
Créez une nouvelle relation-client avec des applications dédiées
Quelles sont les spécificités de ces développements ?
Quels sont les modèles économiques associés ?
Est-ce que la tablette va remplacer l’ordinateur ?
Vous démarrez sur Windows 8 et vous ne savez pas par où commencer ? Vous souhaitez mettre vos idées en application ? Nathalie Belval, experte Soat, vous a concocté une présentation pour vous permettre de comprendre les interfaces Microsoft Design Langage par un tour d'horizon sur les guidelines orientées UI et de découvrir les spécificités de Windows 8 pour les mettre à profil dans vos applications.
Pour bien démarrer votre projet, Nathalie vous explique comment identifier le contenu à mettre en avant (pour une nouvelle application, une migration d'un site web ou d'une application mobile existante) et découvrir les outils à votre disposition afin de prototyper votre application (SketchFlow et Templates dans PowerPoint).
Et enfin, Nathalie terminera sa présentation par le développement de l'application avec quelques astuces pour être productif dans le développement de vos interfaces modernes grâce à Expression Blend !
Green France Tourisme : Visibilité sur Internet, le mobile prend le pouvoirBrioude Internet
1. E-‐tourisme et internet : les chiffres clés
2. Référencement : les notions clés
3. La prise de pouvoir du mobile
4. Évolutions : référencer pour mobile
Comment optimiser sa stratégie web pour les tablettes ?Idean France
Données chiffrées sur le marché des tablettes - Quels impacts sur la stratégie web des marques ? Responsive, desktop first, tablet first... quelle stratégie de mise en œuvre adopter pour les tablettes ? Comment concevoir son site web adapté aux tablettes ?
Backelite et la direction digitale Air France ont déroulé cette présentation lors d'une Matinée Backelite le 11 décembre 2014
Dans les coulisses de la recherche utilisateurs à Microsoft SurfaceYann Riche
Cette présentation donne une vue d'ensemble du rôle de User Experience Researcher dans l'équipe Surface de Microsoft. Jý parle notamment des différences entre la recherche pour les logiciels et services, et la recherche pour les produits de type tablette, smartphones, etc.
Formation : "Concevoir et promouvoir son site Internet"Synerg'hetic
Créer un site Internet pour sa structure n'est plus un atout mais est devenu un passage obligé. Le tout étant de ne pas laisser ce site se fondre dans la masse. Pour cela nous vous proposons de découvrir ou redécouvrir les bonnes pratiques pour communiquer efficacement autour de leur site Internet.
La recherche sur Google devient mobile, mobilisez-vous ! - SEO CAMPUS Lorrain...Peak Ace
Les internautes utilisent de plus en plus la recherche sur mobile, or être visible dans ce contexte exige d’adapter ses sites à de nouveaux prérequis et à des règles spécifiques. Au cours de cette présentation, Philippe Yonnet nous explique comment capter le plus de Les internautes utilisent de plus en plus la recherche sur mobile, or être visible dans ce contexte exige d’adapter ses sites à de nouveaux prérequis et à des règles spécifiques. Au cours de cette conférence, Philippe Yonnet nous expliquera comment capter le plus de trafic organique possible en usage mobile. possible en usage mobile.
Les secrets du développement d'une application mobileEutech SSII
Présentation du 25 septembre 2012 dans le cadre d'un atelier technique à destination de clients, partenaires et prospects d'Eutech SSII. Dans un format court, il est question des jalons du développement d'une application mobile, iOs, Android, Webmobile
Web Mobile : quelles opportunités face aux apps ?NiceToMeetYou
"It's an App World", nous disait Flurry (solution de mobile analytics) en 2014. Pourtant, les marques font face à des coûts de déploiement et de maintien des applications souvent élevés. Pire encore, selon Google, seules 3 applications - sur la moyenne de 15 qu'en compte un smartphone en France - seraient régulièrement utilisées par un mobinaute. Alors avec ses 20% de temps passé sur mobile, le navigateur web présente-t-il une alternative efficace aux stores ? Etat des lieux des usages, des solutions techniques, des expériences créatives et des enjeux marketing que le Mobile Web permet encore d'adresser. Avec beaucoup d'exemples concrets à la clé !
[Webinar Niji] Frameworks XPlateform mobile - 2210 Niji
L’iPhone et Android existent maintenant depuis plus de 10 ans. Dans le but d’optimiser et de simplifier le développement d’applications mobiles afin d’être présent sur les plateformes iOS et Android, des Frameworks ont émergés via des technologies hybrides et X-Platform.
Ces solutions alternatives aux plateformes natives sont régulièrement remises en cause par Apple principalement, qui évoque les failles de sécurité et les dettes technologiques liées à ces solutions.
A l’occasion d’un webinar aussi concret qu’interactif, Niji, vous propose d’apporter un éclairage précis sur le sujet suivant :
Frameworks XPlatform mobiles : Vers la fin des technologies javascript ? Faut-il se convertir à Flutter ou passer au natif ?
Au-delà des enjeux technologiques, comment optimiser ces investissements dans la durée ?
Présentation de romain Landsberg et Martin Vialle (Backelite.com) sur les applications mobiles lors de la Journée Mondiale de l'Utilisabilité 2010 à Paris
L’iPhone et Android existent maintenant depuis plus de 10 ans. Dans le but d’optimiser et de simplifier le développement d’applications mobiles afin d’être présent sur les plateformes iOS et Android, des Frameworks ont émergés via des technologies hybrides et X-Platform.
Ces solutions alternatives aux plateformes natives sont régulièrement remises en cause (entre autre par Apple), qui évoque les failles de sécurité et les dettes technologiques liées à ces solutions.
Green France Tourisme : Visibilité sur Internet, le mobile prend le pouvoirBrioude Internet
1. E-‐tourisme et internet : les chiffres clés
2. Référencement : les notions clés
3. La prise de pouvoir du mobile
4. Évolutions : référencer pour mobile
Comment optimiser sa stratégie web pour les tablettes ?Idean France
Données chiffrées sur le marché des tablettes - Quels impacts sur la stratégie web des marques ? Responsive, desktop first, tablet first... quelle stratégie de mise en œuvre adopter pour les tablettes ? Comment concevoir son site web adapté aux tablettes ?
Backelite et la direction digitale Air France ont déroulé cette présentation lors d'une Matinée Backelite le 11 décembre 2014
Dans les coulisses de la recherche utilisateurs à Microsoft SurfaceYann Riche
Cette présentation donne une vue d'ensemble du rôle de User Experience Researcher dans l'équipe Surface de Microsoft. Jý parle notamment des différences entre la recherche pour les logiciels et services, et la recherche pour les produits de type tablette, smartphones, etc.
Formation : "Concevoir et promouvoir son site Internet"Synerg'hetic
Créer un site Internet pour sa structure n'est plus un atout mais est devenu un passage obligé. Le tout étant de ne pas laisser ce site se fondre dans la masse. Pour cela nous vous proposons de découvrir ou redécouvrir les bonnes pratiques pour communiquer efficacement autour de leur site Internet.
La recherche sur Google devient mobile, mobilisez-vous ! - SEO CAMPUS Lorrain...Peak Ace
Les internautes utilisent de plus en plus la recherche sur mobile, or être visible dans ce contexte exige d’adapter ses sites à de nouveaux prérequis et à des règles spécifiques. Au cours de cette présentation, Philippe Yonnet nous explique comment capter le plus de Les internautes utilisent de plus en plus la recherche sur mobile, or être visible dans ce contexte exige d’adapter ses sites à de nouveaux prérequis et à des règles spécifiques. Au cours de cette conférence, Philippe Yonnet nous expliquera comment capter le plus de trafic organique possible en usage mobile. possible en usage mobile.
Les secrets du développement d'une application mobileEutech SSII
Présentation du 25 septembre 2012 dans le cadre d'un atelier technique à destination de clients, partenaires et prospects d'Eutech SSII. Dans un format court, il est question des jalons du développement d'une application mobile, iOs, Android, Webmobile
Web Mobile : quelles opportunités face aux apps ?NiceToMeetYou
"It's an App World", nous disait Flurry (solution de mobile analytics) en 2014. Pourtant, les marques font face à des coûts de déploiement et de maintien des applications souvent élevés. Pire encore, selon Google, seules 3 applications - sur la moyenne de 15 qu'en compte un smartphone en France - seraient régulièrement utilisées par un mobinaute. Alors avec ses 20% de temps passé sur mobile, le navigateur web présente-t-il une alternative efficace aux stores ? Etat des lieux des usages, des solutions techniques, des expériences créatives et des enjeux marketing que le Mobile Web permet encore d'adresser. Avec beaucoup d'exemples concrets à la clé !
[Webinar Niji] Frameworks XPlateform mobile - 2210 Niji
L’iPhone et Android existent maintenant depuis plus de 10 ans. Dans le but d’optimiser et de simplifier le développement d’applications mobiles afin d’être présent sur les plateformes iOS et Android, des Frameworks ont émergés via des technologies hybrides et X-Platform.
Ces solutions alternatives aux plateformes natives sont régulièrement remises en cause par Apple principalement, qui évoque les failles de sécurité et les dettes technologiques liées à ces solutions.
A l’occasion d’un webinar aussi concret qu’interactif, Niji, vous propose d’apporter un éclairage précis sur le sujet suivant :
Frameworks XPlatform mobiles : Vers la fin des technologies javascript ? Faut-il se convertir à Flutter ou passer au natif ?
Au-delà des enjeux technologiques, comment optimiser ces investissements dans la durée ?
Présentation de romain Landsberg et Martin Vialle (Backelite.com) sur les applications mobiles lors de la Journée Mondiale de l'Utilisabilité 2010 à Paris
L’iPhone et Android existent maintenant depuis plus de 10 ans. Dans le but d’optimiser et de simplifier le développement d’applications mobiles afin d’être présent sur les plateformes iOS et Android, des Frameworks ont émergés via des technologies hybrides et X-Platform.
Ces solutions alternatives aux plateformes natives sont régulièrement remises en cause (entre autre par Apple), qui évoque les failles de sécurité et les dettes technologiques liées à ces solutions.
Intelligence artificielle, Données massives et Internet des objets: Quels son...Web à Québec
Nous vivons dans un monde où les univers physiques et numériques sont de plus en plus imbriqués : les objets connectés et les environnements intelligents permettent de prendre le pouls des événements en temps réel, avec beaucoup de précision, et d’y réagir. La masse de données qui en résulte peut être exploitée à l’aide d’algorithmes pour y déceler des régularités qui alimentent ensuite nos décisions et orientent ensuite nos actions. La Commission de l’éthique en science et en technologie s’intéresse aux enjeux éthiques liés au déploiement des objets connectés et à l’exploitation des données massives, tant par l’entreprise privée comme par les pouvoirs publics. Quels sont ces enjeux et quels sont nos leviers pour y faire face?
So you want to be a service designer - Jamin HegemanWeb à Québec
Service design is no longer new or unknown. The practice is maturing as service design firms gain experience and organizations start to bring service design in house.
Journey maps are all the rage, and everyone is talking about designing for the end to end customer experience.
So what does it take to be a great service designer? What need do service designers address? What is the craft of service design? How might you build service design into your team? How do you scale it?
AI & the future of the political party - Colin MegillWeb à Québec
For the past six years, our team has been working on an OSS tool for citizen engagement called Polis, now in use by governments and political parties around the world. Through case studies and a brief introduction to the kinds of problems in governance which may prove to be amenable to machine learning, we’ll consider possible near and far future democratic systems inspired by advances in computing.
comment le Canada peut Gagner dans le secteur du numérique - Alex Benay Web à Québec
Les possibilités de la quatrième révolution industrielle sont infinies. Cette présentation, présentée par le dirigeant principal de l’information du Canada, portera sur la façon dont le Canada prévoit saisir les occasions d’adopter une approche de «gouvernement numérique». Il explorera les principaux succès et échecs du Canada dans le domaine du numérique et la façon dont il prévoit réimaginer sa relation de service avec les citoyens.
Rendre son équipe performante : plus simple qu'on le pense - Louis-Philippe C...Web à Québec
Le travail d’équipe est maintenant au centre de la majorité des organisations et des entreprises. Et de plus, une équipe performante devient un moteur de développement important au sein de celles-ci. Les organisations doivent cultiver le plein potentiel de leurs équipes afin de rester compétitives. Alors, que faire avec son équipe actuelle afin qu’elle devienne performante?
Au cours de cet atelier interactif, les participants découvriront par l’action le résultat de recherches qui convergent vers des évidences que nous avons tendance à oublier pour rendre nos équipes performantes.
Turning Research Ripples Into Waves: Growing UX Research Capacity Through Col...Web à Québec
Growing organizational research capacity requires both bottom-up and top-down changes that can be daunting to tackle. Hana Nagel will examine the challenge of scaling research ops through the lens of social change theory, showing how service design and systems thinking can be used to create a strategy to increase research’s impact on product. By building collaboration, connection and community, you can bring enough people together to turn research ripples into waves.
Complexité et systèmes opérables - Fred HébertWeb à Québec
Tout système utile doit nécessairement devenir complexe. Non seulement le code tourne au pire, mais la charge cognitive imposée aux opérateurs est toujours croissante. Il n’est pas suffisant de prendre une approche centrée sur la propreté du code pour que nos systèmes soient opérables : nous avons également à comprendre comment nous formons nos modèles mentaux de nos systèmes, ce qui constitue une bonne abstraction, et savoir quels états internes exposer aux observateurs.
Designing brands that last - Ben Hulse Web à Québec
Many industries and large organizations are in relatively short cycles of design and redesign. This is expensive and often makes products and brands incoherent. Design and brand can have remarkable long term impacts on business and the world when tied to the authentic, long term goals.
Ben will speak about the process of creating brand systems for some of the most strangely complex sports brands in the world from the Vancouver 2010 Olympics to century-old organizations like the Canadian Olympic Team and National Sport Organizations. Each brand foundation has been intimately tied to the high level mission. The results have been surprising. Generating revenue. Saving money. Increasing recognition, partnerships, and pride. And, some would even say, winning medals.
Let’s design brands that last.
2. Cynthia Thibault-Larouche
Chez Ciao depuis 8 ans
En accessibilité depuis 9 ans
Passionnée par tout ce qui touche l’expérience utilisateur !
2
3. ● L’accessibilité et la mobilité
● Application de l’accessibilité
À quoi faut-il penser lorsqu’on veut intégrer
l’accessibilité
3
Présentation
● Validation de l’accessibilité
Comment on valide l’accessibilité
● Éléments d’accessibilité
Comment on met l’accessibilité en place
dans une application native
10. Outil d’accessibilité en soi
● Siri et Google Now intégré
● Plusieurs paramètres pouvant
adapter l’appareil à différents
besoins
● Lecteur d’écran
(VoiceOver, TalkBack)
10
11. Portabilité
● Participation à la vie active au
même titre que toute autre
personne
● Accès aux outils en tout temps
● Sorties facilitées
● Diminue l’anxiété à l’extérieur
● Meilleure autonomie
11
12. Diminution des obstacles
● Pour mal-voyants et non-voyants
(Be my eyes)
● Pour malentendants
(P3 mobile et RogerVoice)
● Pour personnes ayant des maladies
mentales telles que anxiété et
dépression (What’s Up)
● Pour personnes ayant des limitations
cognitives (Proloquo2go)
12
13. Sur quelle plateforme l’utilisateur utilise un lecteur d’écran
13
Appareil
mobile
Ordinateur
portable
Ordinateur
de bureau
WebAim Screen Reader Survey #8, 2019
86%
84%
68%
14. Quelle est la plateforme la plus utilisée
14 WebAim Screen Reader Survey #8, 2019
Android
28%
Autres
3%
iOS
69%
15. Sur quelle plateforme l’utilisateur utilise le plus souvent un lecteur d’écran
15 WebAim Screen Reader Survey #8, 2019
Ordinateur de
bureau / portable
41%
Appareil mobile
10%
Similaire
49%
17. Conformité et mobilité
N’a pas été pensé
dans le WCAG 2.0,
mais certains
critères dans le
WCAG 2.1
La Mobile
Accessibility Task
Force (W3C) a sorti
un document de
recommandations
Plusieurs
compagnies se sont
dotées de leurs
propres guides
d’accessibilité pour
mobile
17
19. Contenu
Informations
Aller à l’essentiel, simplifier
Placer les informations
importantes au début
Champs et liens
Étiquettes en haut des champs
Liens courts
Avertir l’utilisateur lorsqu’une action
le mène en dehors de l’application
19
Orientation
Consultable autant à
l’horizontal qu’à la verticale
Cohérence
À travers la même dimension
d’écran et la même orientation
Navigation et fonctionnalités
20. Agrandissement
Capacité à zoomer
Ne pas bloquer le pinch to
zoom
Taille de police de caractère
Utiliser du texte redimensionnable
Avoir une bonne taille de caractère
20
Espace
Prévoir de l’espace dans les
interfaces afin que le texte ait
de l’espace pour s’agrandir
Fluidité du contenu
Contenu redimensionnable
jusqu’à 400% en ayant une seule
barre de défilement
21. Contraste
Conditions
L’utilisateur peut être
confronté à l’ensoleillement,
déplacements (mouvements),
pénombre (éblouissement),
pluie
Taux de contraste
Recommandé d’aller à 7:1 pour
le texte régulier et 4.5:1 pour le
texte agrandi
21
22. Clavier
Clavier virtuel
S’assurer que les
fonctionnalités qui doivent
l’être sont utilisables avec un
clavier virtuel
Clavier physique
Utilisé par des utilisateurs
habitués à des touches
spéciales, qui pourraient
appuyer sur les mauvaises
touches à l’écran, qui ont de la
difficulté à utiliser un clavier
virtuel
22
Type de champ
Mettre le bon type de champ
lorsque possible et logique
(date, texte, courriel, etc.)
23. Cliquabilité
Zone
Minimum de 44px X 44px
(W3C et iOS)
Material Design recommande
48dp X 48dp et des espaces de
8dp
Positionnement
Placer les boutons où ils sont
faciles d’accès
23
Regroupement
Regrouper les éléments qui
font la même action en un seul
élément (image cliquable avec
lien à côté)
Affordance
L'aspect visuel des contrôles
d'interfaces rend évidente leur
fonction et la manière de les
utiliser
24. Gestes
Simplicité d’exécution
Les gestes doivent être les plus
simples possibles
Alternatives possibles dans
l’interface (bouton) aux
fonctions exécutées par un
mouvement de l’appareil ou de
l’utilisateur
Lecteur d’écran
Le lecteur d’écran peut écraser
des gestes pour son propre
fonctionnement
24
Gestes du pointeur
Gestes basés sur un tracé ou
un ensemble de points doivent
pouvoir être réalisés avec un
seul pointeur (doigt)
Annulation du pointeur
Pas d’événement au « down »
du bouton, sauf si essentiel ou
si le « up » peut l’annuler
26. Limite des tests
● Différences entre Web et natif
● Inspection de code impossible
● Moins d’outils disponibles pour tester
● Davantage d’outils pour améliorer
l’accessibilité
26
27. Outils de tests d’accessibilité
Inspecteur
d’accessibilité (Xcode)
Disponible lorsque l’on
dispose du code
source
Lecteurs d’écran
(VoiceOver et
TalkBack)
Installés par défaut sur
tous les téléphones
Niveaux de gris
Dans les réglages
d’accessibilité du
téléphone
27
Agrandissement de
texte
Dans les réglages
d’accessibilité du
téléphone
Rotor VoiceOver
(raccourcis et
paramétrages)
Lorsque VoiceOver est
activé
Clavier Bluetooth
Captures d’écran
Contraste
Accessibility Scanner
Validation automatisée
(Android)
28. Certains éléments ne peuvent
être rendus accessibles dans
une application native
28
31. isAccessibilityElement
● Permet de déterminer si
l’élément est accessible ou
non à VoiceOver
● Les enfants ne peuvent
être accessibles si le
parent ne l’est pas
iOS
Labels
● Requis pour tout élément
accessible
● Seront toujours lu par
VoiceOver
● Équivalent d’aria-label,
textes hors-écran, textes
alternatifs sur images
31
32. Hints
● Explications sur
l’utilisation de la
composante
● Sont lus avec un délai
Ne pas mettre
d’information essentielle
iOS
Traits
● Servent à communiquer de
la sémantique et des états
précis
● Utiles pour les
composantes sur mesure
● En quelque sorte
l’équivalent des rôles ARIA
32
33. iOS (quelques exemples de Traits)
UIAccessibilityTraitNone
Équivalent à role=presentation
UIAccessibilityTraitButton
Équivalent à role=button
UIAccessibilityTraitLink
Équivalent à role=link
33
UIAccessibilityTraitHeader
Équivalent à role=heading
UIAccessibilityTraitSummaryEl
ement
Sera lu lors du chargement
initial de l’application et ne
sera pas relu
Il ne doit y en avoir qu’un par
vue
UIAccessibilityTraitUpdatesFreq
uently
Permet d’indiquer à VoiceOver
qu’un élément est fréquemment
mis à jour, afin d’éviter un
décalage entre la donnée
affichée et la donnée lue
34. ● VoiceOver
● Audio mono
● Sous-titres codés
● Couleurs inversées
iOS (détection des paramètres d’accessibilité)
● Texte en gras
● Taille des textes
● Réduire la transparence
● Réduire les animations
34
35. Android
android:contentDescription
Ajout d’un texte de remplacement
tels que sur des images ou des
boutons
android:accessibilityHeading
Mettre à « true » pour chaque
vue correspondant à un en-
tête de section
android:accessibilityLiveRegion
Sert à indiquer des
changements en temps réel
Similaire à aria-live
35
android:importantForAccessibillity
Indique si la vue est importante ou
pas et si elle doit être ignorée
android:focusable
Permet qu’une vue puisse
recevoir le focus
(perceptive au clavier)
state_focused
Visibilité du focus
36. Si vous avez des
questions
cynthia.thibaultl@ciao.ca
Merci !
36
Visuel de la présentation inspiré de SlidesCarnival
Images tirées des sites Unsplash et Pexels