2 Le Web pour tous Code Session : ACC201 Philippe Beraud Consultant Architecte Direction Technique Microsoft France Christopher.

Présentation au sujet: "2 Le Web pour tous Code Session : ACC201 Philippe Beraud Consultant Architecte Direction Technique Microsoft France Christopher."— Transcription de la présentation:

1

2 2 Le Web pour tous Code Session : ACC201 Philippe Beraud Consultant Architecte Direction Technique Microsoft France philber@microsoft.com Christopher Burkinshaw HiSoftware c.burkinshaw@hisoftware.com http://www.hisoftware.com Denis Boulay Association BrailleNet denis.boulay@accessiweb.org http://www.braillenet.org http://www.accessiweb.org

3 3 Description de la session Une des clés de la notoriété de SharePoint 2010 réside dans la diversité des scénarios d'usage avec, à la clé, des expériences utilisateurs adaptées, y compris pour les personnes atteintes de handicaps. Microsoft s'est résolument engagé dans une démarche d'innovation et d'information sur l'accessibilité, et SharePoint 2010, solution de gestion de l'information d'entreprise et de réalisation de site Web, constitue le fer de lance de cette initiative en apportant de nouvelles améliorations en ce sens. SharePoint 2010 intègre des améliorations pour une accessibilité par défaut. SharePoint 2010 est conforme, pour cela, aux standards internes MATS (Microsoft Accessible Technology Standards) sur l'accessibilité, et aide nos clients à respecter les règles pour l'accessibilité des contenus Web ou WCAG 2.0 du consortium W3C. Les WCAG 2.0 représentent un standard international moderne qui s'efforce de considérer un plus large éventail de technologies, et qui est, de fait, aussi précieux pour les développeurs qu'il peut l'être pour les utilisateurs du Web. Par ailleurs, les recommandations en matière d'accessibilité de nombreux pays, comme la France en particulier avec le RGAA, dérivent des WCAG 2.0 sous forme d'une méthode d'application et d'évaluation ou en constituent un sous- ensemble. Les équipes produit SharePoint ont suivi les développements du standard WCAG 2.0, et ont conçu et testé SharePoint 2010 vis-à-vis de l'ensemble de ses règles et des critères de succès associés. Cette session revient sur les évolutions en termes d'accessibilité introduites par SharePoint 2010 (et les Office Web Apps) : contenus, structure et présentation ou encore développement comme celui de composants "WebPart" et Silverlight 2+ pour la conception et la réalisation de sites Web accessibles.

4 4 Le parcours "Accessibilité Numérique" dans le cadre des Microsoft TechDays 2011 2 sessions pour faire un point ensemble Session ACC201 "SharePoint 2010 : le Web pour tous" Cette session !! Session ACC301 "Accessibilité du Web 2.0 avec HTML5 et Silverlight" Demain de 16h00 à 17h00

5 5 Objectifs et sommaire de la session L'accessibilité pour qui, pour quoi ? Présenter les axes d'évolutions de SharePoint 2010 en termes d'accessibilité Aller plus loin avec les solutions HiSoftware

6 6 Accessibilité numérique De quoi s'agit-il ?

7 7

8 8 Accessibilité numérique Quest-ce que cela nest PAS ? Fonctionnalités dégradées La même chose pour tout le monde Obtenir simplement et rapidement ce qui est souhaité Présence uniquement de raccourcis clavier Support exclusif des lecteurs décran Pas forcément aussi difficile que vous pouvez le penser ;-)

9 9 Objectifs et sommaire de la session L'accessibilité pour qui, pour quoi ? Présenter les axes d'évolutions de SharePoint 2010 en termes d'accessibilité Aller plus loin avec les solutions HiSoftware

10 10 Objectifs de SharePoint 2010 Offrir une fondation accessible au sens des WCAG 2.0 http://www.w3.org/TR/WCAG20/ Perceptible Utilisable Compréhensible Robuste Support des standards WCAG 2.0 (niveau AA), Section 508 + VPAT WAI-ARIA Bonnes pratiques vis-à-vis des technologies d'assistance Internes et liées aux travaux avec lAIA (Accessibility Interoperability Alliance), la division technique et ingénierie de lATIA (Assistive Technology Industry Association)

11 11 Refonte des pages maîtres Fondées sur du "DocType XHTML 1.0 Strict" Emphase mise sur un XHTML bien formé, le source HTML n'est pas conforme XHTML, ex. balisage WAI-ARIA Présentation fondée sur les standards CSS, avec, à la clé, une factorisation au niveau CSS Eclatement en de multiples fichiers Téléchargement uniquement de ce qui est nécessaire pour la page Amélioration sensible du support des navigateurs …

12 12 Refonte des pages maîtres Abandon de certaines "spécificités" SharePoint Contenu mieux écrit :-) Réduction sensible de l'utilisation des tableaux Ex. rendu SharePoint 2007 pour la navigation globale <table class="topNavItem zz2_Globalnav_4" cellpadding="0" cellspacing="0" border="0" width="100%"> <a class="zz2_Globalnav_1 topNavItem zz2_GlobalNav_3" href="/sites/Publishing/PressReleases/Pages/default.aspx" style="border-style:none;font-size:1em;">Press releases

13 13 Refonte des pages maîtres Abandon de certaines "spécificités" SharePoint Rendu SharePoint 2010 correspondant <a class="static selected menu-item" href="/sites/Publishing/Pages/default.aspx" accesskey="1"> Publishing Currently selected <a class="static menu-item" href="/sites/Publishing/PressReleases/Pages/default.aspx"> Press Releases

14 14 Refonte des pages maîtres Introduction du Ruban Généralisation de linterface Microsoft Fluent UI Position fixe en haut de la page – ne défile pas hors de vue Modèle donglet contextuel Info-bulles

15 15 Pages et balisage Organisation du contenu avec les titres Liens pour outrepasser un contenu répétitif Attribution appropriée Titres, alternatives textuelles, Champs d'entrée HTML Libellé de contrôle Conservation du mode "Plus accessible" Accès aux fonctionnalités par les technologies d'assistance indépendamment des capacités du navigateur Ex. Support ou non de WAI-ARIA

16 16 Navigation Menus contextuels Raccourcis clavier du Ruban CTRL + [ – Saut aux onglets CTRL + ] – Saut à la première commande / dernière commande utilisée de longlet actif CTRL + Touche Flèche [Gauche|Droite] ou MAJ + Touche Flèche [Gauche|Droite] – Saut entre les groupes de commande Lusage possible de CTRL ou de MAJ offre une compatibilité optimale avec les navigateurs et les technologies dassistance Touches daccès S – Jump to the Search box W – Welcome menu and WebParts Etc.

17 17 Introduction des boîtes de dialogues Réduction les transitions de page /garder lutilisateur dans un contexte Contenu chargé dans un iframe au sein dun div flottant Navigation et utilisation du clavier Focus : positionnement sur le premier élément de formulaire Comme à lissue dun évènement de navigation Annulation dun dialogue : dépend de la façon dont le navigateur implémente les touches daccès (ALT+C avec IE, ALT+MAJ+C avec Firefox) Confirmation dun dialogue : ALT+O

18 18 Intégration WAI-ARIA Sémantique ARIA Ruban Alertes Edition de texte Edition de grille Formulaires riches Dialogues

19 19 Exemple ARIA Editeur de texte riche <div… role="textbox" aria-haspopup="true" aria-autocomplete="both" aria-haspopup="true">

20 20 Office Web Apps 2010 Complémentaire dOffice client pour des expériences utilisateur flexibles Word Web App, Excel Web App, PowerPoint Web App et OneNote Web App Disponible gratuitement dans Windows Live SkyDrive En entreprise ou en ligne avec SharePoint 2010 Quelques fonctionnalités clé : Fonctionne virtuellement depuis nimporte quel périphérique ou emplacement au navigateur : "Accès de partout" Visualisation/édition de base rapide en place de documents Office tout en restant dans le navigateur Coédition et partage Fonctionne avec les autres avec différentes versions dOffice (voir sans Office du tout !) Tout cela avec une expérience Office familière, avec une haute fidélité

21 21 Accessibilité par conception Ex. Word Web App Fournit fondamentalement une représentation de chaque objet à laide des objets natifs du navigateur Une vue très simplifiée : juste une conversion Word <> Images, HTML, et JavaScript Silverlight est optionnel Axes dinvestissements clé XHTML Strict bien formé avec CSS pour les mises en page Eléments HTML utilisés en premier lieu pour leur valeur sémantique Balisage WAI-ARIA de façon à ce que les browsers et les technologies dassistance puissent fournir une interprétation/exploitation plus claire de linterface Navigation clavier avec des raccourcis familiers préservés vis-à-vis de Microsoft Office Word CTRL+B, CTRL+S, CTR+C, CTRL+F6, etc. Support du contraste élevé et des modes PPP personnalisés (zoom)

22 22 Office Web Apps 2010 Cf. Acte "Produire des documents accessibles avec Microsoft Office 2010, une application "Web 2.0" accessible" 12 avril 2010 - 4 ième Forum européen de l'accessibilité numérique organisé par l'Association BrailleNet : "L'accessibilité numérique des services publics en Europe" http://inova.snv.jussieu.fr/evenements/colloques/colloques/articl e.php?c=62&l=fr&a=183#contenu_article

23 23 Déclarations de conformité WCAG 2.0 SharePoint 2010 Annonce du 22 juillet 2010 SharePoint Foundation 2010, SharePoint Server 2010, Office Web Apps, Project Server 2010, Search Server 2010, etc. http://social.technet.microsoft.com/Search/en- US?query=Conformance%20statement%20AA-level&ac=8 Conformance statement AA/A-levels (SharePoint 2010 Foundation 2010) http://technet.microsoft.com/en-us/library/ff852105.aspx http://technet.microsoft.com/en-us/library/ff852106.aspx Conformance statement AA/A-levels (SharePoint 2010 Server 2010) http://technet.microsoft.com/en-us/library/ff852107.aspx http://technet.microsoft.com/en-us/library/ff852108.aspx

24 24 Objectifs et sommaire de la session L'accessibilité pour qui, pour quoi ? Présenter les axes d'évolutions de SharePoint 2010 en termes d'accessibilité Aller plus loin avec les solutions HiSoftware

25 25 Tester l'accessibilité de vos solutions Respect des règles daccessibilité du contenu Solutions complémentaires HiSoftware pour SharePoint (2007/)2010 Prise en compte de l'accessibilité directement dans la gestion des contenus Web (WCM) et les Workflows HiSoftware Accessibility Foundation Module (AFM) HiSoftware Compliance Sheriff for SharePoint 2010 Analyser périodiquement la plateforme et établir des rapports Vérifier le contenu (au sens large) avant quil ne soit mis en ligne dans le cadre dun flux de travail Vérifier le contenu au sens large A la demande Rendre si nécessaire linfrastructure SharePoint conforme (migration, reprise de composants WebPart, etc.

26 26 Démo Validation de documents proposés en téléchargement avec HiSoftware Compliance Sheriff for SharePoint 2010

27 27 Tester l'accessibilité de vos solutions Illustration : ALT Texte Ajouter un flux de travail de de validation de contenu avec HiSoftware Compliance Sheriff

28 28 Tester l'accessibilité de vos solutions Illustration : ALT Texte Ajouter un flux de travail de de validation de contenu avec HiSoftware Compliance Sheriff Définir les options du flux de travail: exécution à la demande vs. automatiquement Choisir un groupe de points de contrôle à appliquer

29 29 Tester l'accessibilité de vos solutions Illustration : ALT Texte Ajouter un contenu

30 30 Tester l'accessibilité de vos solutions Illustration : ALT Texte Ajouter un contenu

31 31 Annonce Séminaire "SharePoint 2010 à l'heure des WCAG 2.0, du RGAA et d'AccessiWeb 2.0"

32 32 Implémenter lAccessibilité dans vos solutions SharePoint 2010 Séminaire gratuit "SharePoint 2010 à l'heure des WCAG 2.0, du RGAA et d'AccessiWeb 2.0" Organisé en partenariat avec l'Association BrailleNet et HiSoftware Avec une journée pratique centrée sur des ateliers techniques 3 sessions 22 et 23 mars 2011 18 et 19 avril 2011 14 et 15 juin 2011 Inscriptions http://inova.snv.jussieu.fr/evenements/colloques/colloques/72_i ndex_fr.html

33 33 En guise de synthèse Perceptible La refonte des pages maître tire bénéfice des feuilles de style CSS et permet de présenter le contenu dans une séquence structurée appropriée Cette refonte saccompagne de profonds changements pour décrire contenu et média et expliquer les contrôles Utilisable Linteraction clavier a été la pierre angulaire de lévaluation des fonctionnalités de façon à maximiser la compatibilité périphérique et de lutilisabilité Une structure appropriée a été ajoutée aux pages pour des bénéfices informationnel et organisationnel

34 34 En guise de synthèse Compréhensible Le support des langues a été amélioré et cette information a été intégrée dans les pages et les éditeurs avancés SharePoint prend en charge les paramètres du navigateur pour le zoom du contenu et ceux du système d'exploitation pour augmenter la taille de police Robuste Les efforts de conception permettent désormais de déclarer des DocTypes et de spécifier un rendu CSS pour les pages maîtres; ce qui améliore au passage considérablement le support des navigateurs Un investissement a été réalisé pour mettre à jour le balisage avec du XHTML bien formé, et le nouvel éditeur de texte riche génère un balisage propre et propose une fonction de conversion de son contenu en XHTML

35 35 Nos attentes Explorez SharePoint 2010 Testez le avec vos aides techniques Faites nous part de vos commentaires

36 36 Plus dinformations "Etre meilleur ensemble" Séminaire "Web SharePoint 2010 à l'heure des WCAG 2.0, du RGAA et d'AccessiWeb 2.0" http://www.microsoft.com/france/accessibilite/products/office2010/sh arepoint2010.aspx Guide compagnon http://download.microsoft.com/documents/France/accessibilite/2010/Sh arePoint_2010-WCAG_2_0-RGAA-AccessiWeb_2_0.docx Centre de développement Accessibilité MSDN France http://msdn.microsoft.com/fr-fr/dd759316.aspx Son équivalent MSDN US http://msdn.microsoft.com/en-us/windows/bb735024.aspx

37 37 Plus dinformations Forum Accessibilité SharePoint http://social.technet.microsoft.com/forums/en- US/sharepointaccessibility/threads/ Weblog Microsoft SharePoint Team http://blogs.msdn.com/sharepoint/ http://blogs.msdn.com/sharepoint/archive/tags/Accessibility/default.a spx Site Microsoft France Accessibilité, technologies pour tous http://www.microsoft.com/france/accessibilite

38 38 Plus dinformations Site Web HiSoftware http://www.hisoftware.com Site Web Association BrailleNet http://www.braillenet.org/ http://www.accessiweb.org

39 39 Questions / Réponses

40 40 MSDN et TechNet : lessentiel des ressources techniques à portée de clic http://technet.com http://msdn.com Portail administration et infrastructure pour informaticiens Portail de ressources technique pour développeurs

41