Upload
vankien
View
215
Download
0
Embed Size (px)
Citation preview
Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE
experiences.microsoft.fr #experiences17
Philippe TROTINRéférent Handicap & Accessibilité
Microsoft France
Microsoft France
37-45, Quai du Président Roosevelt
92 130 Issy-Les-Moulineaux
[email protected] COURILLEAUEtudiant, Expert Accessibilité
Université Paris Saclay
Université Paris Saclay
91190 Saint-Aubin, France
Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE
Introduction à l’Accessibilité Numérique
Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE
« Donner à chaque individu et chaque organisation les moyens de réaliser ses ambitions »
« Empower every person and every organization on the planet to achieve more »
La Mission de Microsoft
Satya Nadella CEO de Microsoft
« Quand je pense à l’incarnation de notre mission, ce qui compte le plus pour moi, c’est de
rendre les produits Microsoft accessibles à plus d’un milliard de personnes dans le monde
quelles que soient leurs aptitudes. »
TRANSPARENCE SUR NOS PLANS
POUR RENDRE NOS PRODUITS
ACCESSIBLES
PRIORITE A LA
CONCEPTION
UNIVERSELLE (*)
DEVELOPPER UNE
CULTURE D’ENTREPRISE
PLUS INCLUSIVE
(*) La conception universelle est la conception de tout aménagement, produit, équipement, programme ou service qui puisse être utilisé par toute personne,
sans nécessiter ni d'adaptation ni de conception spéciale, et ce quels que soient son sexe, son âge, sa situation ou son handicap.
Cette notion est mentionnée dans la Convention relative aux droits des personnes handicapées.
Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE
Handicap
=
Interactions humaines incompatibles
L’accessibilité aujourd’huiQuelques définitions…
Accessibilité : La conception et le développement des technologies
permettant d’assurer un usage quelque soit l'âge ou
les capacités de l’utilisateur.
Handicap : Un phénomène complexe reflétant une inadéquation
entre les caractéristiques d’une personne et ses
interactions avec le monde dans lequel il ou elle vit.
Conception inclusive : Une méthodologie permettant de concevoir des
solutions disponibles à l’ensemble de la diversité
humaine.
Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE
Avez vous déjà
essayé de travailler
sur un ordinateur
sans le toucher, le
voir ou l’entendre ?
AVEC L’AUGMENTATION DE LA DURÉE DE VIE LE
HANDICAP PROGRESSE DANS NOTRE SOCIÉTÉ
CELA FAIT DU BIEN D’AIDER LES GENS !
NOUS DEVONS ADRESSER DES
CONTRAINTES JURIDIQUES
FORT POTENTIEL BUSINESS
RELATIF A L’ACCESSIBILITÉ
LA TECHNOLOGIE PEUT CHANGER
LE MONDE AU DELÀ DE NOS RÊVES
VOUS (OU VOS PROCHES) POUVEZ ÊTRE
DIRECTEMENT CONCERNÉS PROCHAINEMENT !
MICROSOFT DOIT RÉPONDRE
AUX ENJEUX DE LA SOCIÉTÉ
Pourquoi se préoccuper de l’accessibilité numérique ?
Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE
TOUCHES RÉMANENTES
CLAVIER VIRTUEL
ACCESS PACK
(WINDOWS NT)
LOUPE
ASSISTANT ACCESSIBILITÉ
(WINDOWS 98)
DICTÉE VOCALE
(OFFICE)
DISABILITY ANSWER DESK
RACCOURCIS CLAVIER NARRATEUR
OUTILS D’APPRENTISSAGE
COGNITIVE SERVICES
CONTRASTE
IE AUTOCOMPLÉTIONS
VÉRIFIER L’ACCESSIBILITÉ
CORTANA
SKYPE
Bill Gates Steve Ballmer Satya Nadella
Un peu d’histoire : De l’accessibilité… à l’inclusion
Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE
L’accessibilité numérique au cœur des produits Microsoft
Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE
L’accessibilité numérique au cœur des produits Microsoft
VOIR
ECOUTER
COGNITIF
PARLER
MOBILITE
NEURONAL
WINDOWS HELLO
S’AUTHENTIFIER
FACILEMENT
CORTANA
ASSISTANTE
VOCALE
SKYPE
COMMUNIQUER
SANS SE DEPLACEROFFICE LENS
SCANNER DE
POCHE
Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE
RACCOURCIS CLAVIER
IMAGES (ALT-TEXTE)IDÉES DE CONCEPTION
VÉRIFICATEUR D’ACCESSIBILITÉ
MODÈLES « ACCESSIBLE »
Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE
Dictez du texte et obtenez
la traduction souhaitée
PRÉSENTATION TRANSLATOR
INSTALLATION
https://www.microsoft.com/fr-
fr/download/details.aspx?id=55024
Traduisez une
présentation
Projets expérimental
Microsoft Garage
Parlez et obtenez les sous titres
dans la langue que vous voulez
INSTALLATION
http://dictate.ms/
Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE
Un dictionnaire « plus » inclusif !
DICTIONNAIRE INCLUSIF
PARAMÈTRES DIVERSITÉ & INCLUSION
… MAIS NOUS AVONS TOUS DES « RESSEMBLANCES »
NOUS SOMMES TOUS DIFFÉRENT…
Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE
NARRATEUR
+ Ctrl + Enter
AUGMENTATION DU CONTRASTE
TAILLE & ZOOM
+ +/-
EN SAVOIR PLUS (TELL ME)
+Alt Q
Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE
Les outils pédagogiques
DICTER
LECTEUR IMMERSIF
Disposez d’une lecture de texte
agrandi mot après mot en
choisissant la voix et sa vitesse
Choisissez la taille, la police,
l’espacement et le thème de
votre texte
Dictez le texte directement
dans OneNote
Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE
OUTILS D’APPRENTISSAGE
MODE LECTURE
Les outils d’apprentissage
Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE
TEAMS & OFFICE
Collaborer en pilotant l’interface au clavier
ACCESSIBILITÉ OUTLOOK
Soyez averti que votre interlocuteur a besoin d’un mail
accessible et rendez le accessible en un click.
SKYPE TRANSLATOR
Traduction automatique des
messages ou de la voix
Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE
Windows 10 Creator Updates / Fall Creator Updates (17 Octobre)
Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE
« Microsoft Eye Control » Intégré nativement dans Windows 10
Changer de fenêtre avec les yeux
WINDOWS SNAP ASSIST
APPLICATION SWITCHER
Choisissez vos application d’un coup d’œil
Veille auto. : Votre PC sait que vous êtes là !
DIM BRIGNTNESS
WRAP ON MOUSE MOVE
Positionner votre pointeur souris rapidement
NOTIFICATION DISMISS
Cacher les alertes déjà vues
CREATOR UPDATES
FALL CREATOR UPDATES (17 OCT.)
Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE
CREATOR UPDATES
FALL CREATOR UPDATES (17 OCT.)
SUPPORT MONO - AUDIO
MICROSOFT EDGE
• Changement de la taille de police et de la couleur de
fond en mode lecture
• Lecture à vois haute multilingue
• Affichage en braille actualisable
• 2 nouvelles voix en français
• Support de plus de 20 langues
• Pauses d’intonations
• 5 degrés de lecture (contexte, son, …)
• Naviguer dans le texte et les champs
de formulaire (mode de balayage)
• Lire dans différentes langues
• Lire le titre d’une fenêtre
NARRATEUR
FILTRE DE COULEUR
LOUPE
• Interface remaniée
• Démarrable au lancement ou
a la connexion de l’utilisateur
• Lissage permettant d’éviter
l’excès de pixellisation
• Zone de loupe définissable
par réglette
• Liste des raccourcis affichés
au format mémo
https://support.microsoft.com/fr-fr/help/22798
+ Ctrl + Enter
+ +/-
Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE
http://html5accessibility.com/
Edge - Un navigateur 100% Accessible
https://blogs.windows.com/msedgedev/2017/05/25/accessibility-improvements-edgehtml-15/
LECTURE À VOIX HAUTE
• Lecture a voix haute avec mise en surbrillance en simultané de la lecture
• Choix de la vitesse de lecture
• Choix de la langue de lecture
REMPLISSAGE DE FORMULAIRES
CREATOR UPDATES
FALL CREATOR UPDATES (17 OCT.)
Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE
Et encore…
LECTURE À VOIX HAUTE DES PDF
• Lecture a voix haute avec mise en surbrillance en simultanée de
la lecture
• Choix de la vitesse de lecture
• Choix de la langue de lecture
CREATOR UPDATES
FALL CREATOR UPDATES (17 OCT.)
Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE
Concevoir, Développer et Consommer des Services Cloud
Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE
Pourquoi rendre
« accessible » ses
applications
?
Comment financer ces
transformations
?
Quelle est la démarche
pour se transformer
?
Nécessité de mise en conformité pour
respecter ses obligations légales et les
nouvelles règlementations
Européennes.
Etre une Entreprise « inclusive »
offrant des outils adaptés à
l’ensemble de son personnel.
Rester à la pointe de l’innovation en
s’appuyant sur la diversité de son
personnel + Ressembler à ses clients
permet d’apporter des solutions
adaptées.
Critères d’accessibilité
Effort pour rendre accessible l’application
Faible Moyen Fort
Critères d’obsolescence
Récente Ancienne En fin de vie
Démarche UX
Rendre plus ergonomique et
efficace les applications
Gain de productivité
pour tous les utilisateurs
Finance l’adaptation et l’ajout des
fonctionnalités d’accessibilité
INVENTAIRE PLANIFICATION MIGRATIONPRIORISATION VALIDATIONEVALUATION
(MS Accessibility Level)
Prioriser les applications
ancienne avec un effort
« Faible / Moyen » pour
maximiser le ROI
Critères « accessibilité native »
Outils plus nécessaire car remplacé
Projet de migration traditionnel +
Inclure des personnes en situation de handicap dans
le cycle de migration / validation
Ne pas minimiser le change management !
UNE DÉMARCHE UX AU PROFIT DE L’ACCESSIBILITÉ NUMÉRIQUE
Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE
MANUEL ACTIVITEES
LA BOÎTE À OUTILS - MICROSOFT DESIGN TOOLKIT
Concevoir des applications inclusives
NOS PRINCIPES POUR UNE CONCEPTION INCLUSIVE
Inclusive Microsoft Designhttps://www.microsoft.com/en-us/design/inclusive
Reconnaitre
l’exclusion
Apprendre de
la diversité
Concevoir pour un,
Etendre à tous
Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE
Services Cloud - Microsoft Cognitive ServicesMicrosoft Cognitive Toolkit (CNTK)
Microsoft Cognitive Serviceshttps://azure.microsoft.com/en-us/try/cognitive-services/
Microsoft Cognitive Toolkit (CNTK) est une boite à outils deservices Cloud intégrant des fonctionnalités d’intelligenceartificielle.
La dernière version de Microsoft Cognitive Toolkit est la 2.0.
Il peut être inclus en tant que librairie dans votreprogramme Python ou C++ ou utilisé comme unenvironnement de « machine learning » autonome autravers de son propre langage descriptif (BrainScript). CNTKsupporte des environnements 64 bits Linux ou Windows.
Pour l’installer vous pouvez soit utiliser les binairesprécompilés ou compiler vous-même les sources mises àdisposition sur GitHub.
L’intelligence artificielle au service du
handicap
https://github.com/Microsoft/CNTK
Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE
La plateforme de développement Microsoft
https://docs.microsoft.com/en-us/windows/uwp/accessibility/accessibility
Un kit de développement (SDK) pour tester
l’accessibilité d’une application
Des outils pour simplifier les tests
AccScopehttps://msdn.microsoft.com/en-us/library/windows/apps/xaml/dn433239.aspx
Inspect
https://msdn.microsoft.com/en-us/library/windows/apps/xaml/dd318521.aspx
UI Accessibility Checkerhttps://msdn.microsoft.com/en-us/library/windows/apps/xaml/hh920985.aspx
Des outils de développement accessibles
Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE
Exemple publié sur GitHub 100% “Accessible”!
UWP Community Toolkit
UWP toolkit est une collection de fonctions d’aide, de contrôles et de services. Il permet de simplifier et de démontrer les tâches standards des développeurs construisant des applications UWP pour Windows 10.
Ce toolkit fait parti de la .NET Foundation.
https://github.com/Microsoft/UWPCommunityToolkit
Open Source @ MicrosoftUWP Community Toolkit
Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE
Des amélioration avec EdgeHTLM 15
https://blogs.windows.com/msedgedev/2017/05/25/accessibility-improvements-edgehtml-15/
ARIA & UIA DANS MICROSOFT EDGE
Le consortium W3C a spécifié un standard
« Accessible Rich Internet Applications » (ARIA)
permettant de rendre accessible du contenu web
dynamique et les UI spécifiques accessibles.
Microsoft Edge identifie les informations de
ARIA (rôles, états et propriétés) et les expose
aux technologies d’assistances.
Les APIs “Microsoft UI Automation” permettent
alors de récupérer ces informations et de mettre
en œuvre les actions nécessaires.
L’élément <li> se voit assigné le role="menuitem" pour signifier qu’il s’agit d’un
élément dans un menu
La propriété aria-haspopup="true" est positionné sur l’élément du menu <li>
pour signifier qu’il est associé à un popup.
L’état aria-checked=“false" pour signifier que la checkbox n’est pas sélectionnée.
Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE
NET Framework 4.7.1 – Accessibilité & WPF
Recompiler
avec le
Framework
.NET 4.7.1
COMMENT BÉNÉFICIER DE CES AMELIORATIONS D’ACCESSIBILITÉ ?
Modifier le App.config
OU
• UIAutomation LiveRegion Informe le lecteur d’écran d’un changement dans l’interface
• Screen Readers Amélioration sur les objets : Expanders, DataGridCells et PasswordBoxes
• High Contrast Amélioration sur un certain nombre de controles WPF
AMÉLIORATION D’ACCESSIBILITÉ DE WPF
Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE
Visual Studio 2017 (version 15.3) – Amélioration de l’accessibilitéEXEMPLES D’AMÉLIORATION
1.700 Fixes permettant de rendre compatible Visual Studio et les technologies d’assistance.
Lecteurs d’écran Contraste élevé Automation Tree Afficheur Braille
Amélioration du debugger
Call Stack, Locals, Autos, Watch and Quickwatch :
Utilisable avec un lecteur d’écran
Amélioration de l’éditeur
Amélioration de l’interface pour les personnes
malvoyantes (Thème : “Blue (Extra Contrast)”)