slide1 n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Le Web pour tous PowerPoint Presentation
Download Presentation
Le Web pour tous

Loading in 2 Seconds...

play fullscreen
1 / 40

Le Web pour tous - PowerPoint PPT Presentation


  • 73 Views
  • Uploaded on

Le Web pour tous. Code Session : ACC201. 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. Philippe Beraud

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Le Web pour tous' - priscilla-hunt


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
le web pour tous

Le Web pour tous

Code Session : ACC201

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

Philippe Beraud

Consultant Architecte

Direction Technique

Microsoft France

philber@microsoft.com

le parcours accessibilit num rique dans le cadre des microsoft techdays 2011
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
objectifs et sommaire de la session
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
accessibilit num rique de quoi s agit il
Accessibilité numériqueDe quoi s'agit-il ?
  • L'accessibilité numérique est une nécessité…
    • De plus en plus de personnes concernées

"L’accessibilité est une condition primordiale pour permettre à tous d’exercer les actes de la vie quotidienne et de participer à la vie sociale. Aussi la loi prévoit-elle le principe d’accessibilité généralisée, quel que soit le handicap (physique, sensoriel, mental, psychique, cognitif, polyhandicap)..."

Ministère de la Santé et des Solidarités (31/01/2007)

  • …ET constitue EGALEMENT une obligation légale pour le secteur public
accessibilit num rique de quoi s agit il1
Accessibilité numériqueDe quoi s'agit-il ?

" L'accessibilité consiste en la suppression des obstacles et à offrir les avantages de la technologie à tout le monde"

Steve Ballmer, CEO, Microsoft Corporation

  • Conception pour tous
  • Fonctionnalités équivalentes à l’ensemble des utilisateurs
    • Fonctionnalité équivalente :ce que l’utilisateur essaie de faire et pas nécessairement le contrôle qu’il utilise…
    • Offrir des expériences utilisateurs attractives, simples, claires, et utilisables
  • Exigence fondamentale au même titre que la sécurité, la localisation, la performance, etc.
      • Cf. Livre blanc "L’accessibilité de quoi s’agit-il ?"
        • http://www.microsoft.com/downloads/details.aspx?FamilyID=b7864e09-be31-49d4-a608-9907d72e8720&displaylang=fr
accessibilit num rique qu est ce que cela n est pas
Accessibilité numériqueQu’est-ce que cela n’est 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 ;-)
objectifs et sommaire de la session1
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
objectifs de sharepoint 2010
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 l’AIA (Accessibility Interoperability Alliance), la division technique et ingénierie de l’ATIA (Assistive Technology Industry Association)
refonte des pages ma tres
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

<%@ Master language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<%@ Import Namespace="Microsoft.SharePoint" %>

refonte des pages ma tres1
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="topNavItemzz2_Globalnav_4"

cellpadding="0" cellspacing="0"

border="0" width="100%">

<tr>

<td style="white-space:nowrap;">

<a class="zz2_Globalnav_1topNavItemzz2_GlobalNav_3"

href="/sites/Publishing/PressReleases/Pages/default.aspx"

style="border-style:none;font-size:1em;">Press releases</a>

</td>

</tr>

</table>

refonte des pages ma tres2
Refonte des pages maîtres
  • Abandon de certaines "spécificités" SharePoint
    • Rendu SharePoint 2010 correspondant

<div id="zz14_TopNavigationMenuV4" class="s4-tn">

<div class="menuhorizontalmenu-horizontal">

<ul class="rootstatic">

<li class="staticselected">

<a class="staticselectedmenu-item"

href="/sites/Publishing/Pages/default.aspx" accesskey="1">

<span class="additional_background">

<span class="menu-item-text">Publishing</span>

<span class="ms-hidden">Currently selected</span>

</span>

</a>

<ul class="static">

<li class="static">

<a class="static menu-item"

href="/sites/Publishing/PressReleases/Pages/default.aspx">

<span class="additional_background">

<span class="menu-item-text">Press Releases</span>

</span>

</a>

</li>

</ul>

</li>

</ul>

</div>

</div>

refonte des pages ma tres3
Refonte des pages maîtres
  • Introduction du Ruban
    • Généralisation de l’interface Microsoft Fluent UI
    • Position fixe en haut de la page – ne défile pas hors de vue
    • Modèle d’onglet contextuel
    • Info-bulles
pages et balisage
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
navigation
Navigation
  • Menus contextuels
  • Raccourcis clavier du Ruban
    • CTRL + [ – Saut aux onglets
    • CTRL + ] – Saut à la première commande / dernière commande utilisée de l’onglet actif
    • CTRL + Touche Flèche [Gauche|Droite] ou MAJ + Touche Flèche [Gauche|Droite] – Saut entre les groupes de commande
      • L’usage possible de CTRL ou de MAJ offre une compatibilité optimale avec les navigateurs et les technologies d‘assistance
  • Touches d’accès
    • S – Jump to the Search box
    • W – Welcome menu and WebParts
    • Etc.
introduction des bo tes de dialogues
Introduction des boîtes de dialogues
  • Réduction les transitions de page /garder l’utilisateur dans un contexte
    • Contenu chargé dans un iframe au sein d’un div flottant
  • Navigation et utilisation du clavier
    • Focus : positionnement sur le premier élément de formulaire
      • Comme à l’issue d’un évènement de navigation
    • Annulation d’un dialogue : dépend de la façon dont le navigateur implémente les touches d’accès (ALT+C avec IE, ALT+MAJ+C avec Firefox)
    • Confirmation d’un dialogue : ALT+O
int gration wai aria
Intégration WAI-ARIA
  • Sémantique ARIA
    • Ruban
    • Alertes
    • Edition de texte
    • Edition de grille
    • Formulaires riches
    • Dialogues
exemple aria editeur de texte riche
Exemple ARIAEditeur de texte riche

<div… role="textbox"

aria-haspopup="true"

aria-autocomplete="both"

aria-haspopup="true">

office web apps 2010
Office Web Apps 2010
  • Complémentaire d’Office 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 n’importe 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 d’Office (voir sans Office du tout !)
  • Tout cela avec une expérience Office familière, avec une haute fidélité
accessibilit par conception ex word web app
Accessibilité par conceptionEx. Word Web App
  • Fournit fondamentalement une représentation de chaque objet à l’aide des objets natifs du navigateur
    • Une vue très simplifiée : juste une conversion
      • Word <> Images, HTML, et JavaScript
      • Silverlight est optionnel
  • Axes d’investissements 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 d’assistance puissent fournir une interprétation/exploitation plus claire de l’interface
    • 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)
office web apps 20101
Office Web Apps 2010
  • Cf. Acte "Produire des documents accessibles avec Microsoft Office 2010, une application "Web 2.0" accessible"
    • 12 avril 2010 - 4ièmeForum 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/article.php?c=62&l=fr&a=183#contenu_article
d clarations de conformit wcag 2 0 sharepoint 2010
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
objectifs et sommaire de la session2
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
tester l accessibilit de vos solutions respect des r gles d accessibilit du contenu
Tester l'accessibilité de vos solutionsRespect des règles d’accessibilité 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
slide25

Démo

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

tester l accessibilit de vos solutions illustration alt texte
Tester l'accessibilité de vos solutionsIllustration : ALT Texte
  • Ajouter un flux de travail de de validation de contenu avec HiSoftware Compliance Sheriff
tester l accessibilit de vos solutions illustration alt texte1
Tester l'accessibilité de vos solutionsIllustration : 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
annonce

Annonce

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

impl menter l accessibilit dans vos solutions sharepoint 2010
Implémenter l’Accessibilité 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_index_fr.html
en guise de synth se
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 s’accompagne de profonds changements pour décrire contenu et média et expliquer les contrôles
  • Utilisable
    • L’interaction clavier a été la pierre angulaire de l’évaluation des fonctionnalités de façon à maximiser la compatibilité périphérique et de l’utilisabilité
    • Une structure appropriée a été ajoutée aux pages pour des bénéfices informationnel et organisationnel
en guise de synth se1
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
nos attentes
Nos attentes
  • Explorez SharePoint 2010
  • Testez le avec vos aides techniques
  • Faites nous part de vos commentaires
plus d informations
Plus d’informations
  • "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/sharepoint2010.aspx
    • Guide compagnon
      • http://download.microsoft.com/documents/France/accessibilite/2010/SharePoint_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
plus d informations1
Plus d’informations
  • 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.aspx
  • Site Microsoft France Accessibilité, technologies pour tous
    • http://www.microsoft.com/france/accessibilite
plus d informations2
Plus d’informations
  • Site Web HiSoftware
    • http://www.hisoftware.com
  • Site Web Association BrailleNet
    • http://www.braillenet.org/
    • http://www.accessiweb.org
msdn et technet l essentiel des ressources techniques port e de clic
MSDN et TechNet: l’essentiel des ressources techniques à portée de clic
  • Portail administration et infrastructure pour informaticiens
  • Portail de ressources technique pour développeurs

http://technet.com

http://msdn.com