New way of work - msfrstorage.blob.core.windows.net · pour tous les utilisateurs ... artificielle. La dernière version de Microsoft Cognitive Toolkit est la 2.0. Il peut être inclus

Microsoft experiences’17#experiences17ACCESSIBILITÉ NUMÉRIQUE

New way of work

#experiences17


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

[email protected]


Introduction à l’Accessibilité 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.


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.


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 ?


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


L’accessibilité numérique au cœur des produits Microsoft


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


RACCOURCIS CLAVIER

IMAGES (ALT-TEXTE)IDÉES DE CONCEPTION

VÉRIFICATEUR D’ACCESSIBILITÉ

MODÈLES « ACCESSIBLE »


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/

https://www.microsoft.com/fr-fr/download/details.aspx?id=55024

http://dictate.ms/


Un dictionnaire « plus » inclusif !

DICTIONNAIRE INCLUSIF

PARAMÈTRES DIVERSITÉ & INCLUSION

… MAIS NOUS AVONS TOUS DES « RESSEMBLANCES »

NOUS SOMMES TOUS DIFFÉRENT…


NARRATEUR

+ Ctrl + Enter

AUGMENTATION DU CONTRASTE

TAILLE & ZOOM

+ +/-

EN SAVOIR PLUS (TELL ME)

+Alt Q


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


OUTILS D’APPRENTISSAGE

MODE LECTURE

Les outils d’apprentissage


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


Windows 10 Creator Updates / Fall Creator Updates (17 Octobre)


« 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.)


CREATOR UPDATES


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

+ +/-

https://support.microsoft.com/fr-fr/help/22798


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


http://html5accessibility.com/


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



Concevoir, Développer et Consommer des Services Cloud


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


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

https://www.microsoft.com/en-us/design/inclusive


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

https://azure.microsoft.com/en-us/try/cognitive-services/

https://docs.microsoft.com/en-us/cognitive-toolkit/ReleaseNotes/CNTK_2_0_Release_Notes

https://github.com/Microsoft/CNTK


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

https://docs.microsoft.com/en-us/windows/uwp/accessibility/accessibility

https://msdn.microsoft.com/en-us/library/windows/apps/xaml/dn433239.aspx

https://msdn.microsoft.com/en-us/library/windows/apps/xaml/dd318521.aspx

https://msdn.microsoft.com/en-us/library/windows/apps/xaml/hh920985.aspx


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

https://github.com/Microsoft/UWPCommunityToolkit


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.


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


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)”)



© 2017 Microsoft Corporation. All rights reserved.

experiences.microsoft.fr #experiences17

Documents

New way of work - msfrstorage.blob.core.windows.net · pour tous les utilisateurs ... artificielle. La dernière version de Microsoft Cognitive Toolkit est la 2.0. Il peut être inclus