SEO, Web mobile et accessibilité : Trinité du développement Web inclusif WAQ 2012 Québec – 23 février 2012 / 1 2012. AccessibilitéWeb Sans frais : 1 (877)

Présentation au sujet: "SEO, Web mobile et accessibilité : Trinité du développement Web inclusif WAQ 2012 Québec – 23 février 2012 / 1 2012. AccessibilitéWeb Sans frais : 1 (877)"— Transcription de la présentation:

1 SEO, Web mobile et accessibilité : Trinité du développement Web inclusif WAQ 2012 Québec – 23 février 2012 / 1 2012. AccessibilitéWeb Sans frais : 1 (877) 315-5550

2 Attribution NonCommercial ShareAlike 2.5 Canada / 2 Certains droits réservés. 2012. AccessibilitéWeb Sans frais : 1 (877) 315-5550

3 Conférencier Denis Boudreau 11+ années en accessibilité du Web Président, AccessibilitéWeb Co-rédacteur, standards SGQRI 008 Expert invité, W3C / 3 2012. AccessibilitéWeb Sans frais : 1 (877) 315-5550

4 Accessibilité: difficile à mettre en place? / 4 Implanter l’accessibilité Quelle a été votre expérience? Quels sont les principaux défis? 2012. AccessibilitéWeb Sans frais : 1 (877) 315-5550

5 Tendre vers l’inclusion / 5 Progressivement Pragmatiquement Réalistement CONSTRUIRE L’ACCESSIBILITÉ, UNE ÉTAPE À LA FOIS Qu’on se le dise, l'accessibilité n’a rien à voir avec les attentes des législateurs. C'est d’abord d'incarner l'inclusion et de répondre aux besoins des utilisateurs. 2012. AccessibilitéWeb Sans frais : 1 (877) 315-5550

6 Trinité du développement Web inclusif Repenser sa stratégie de développement Web Analyse des pratiques SEO / Web mobile Établir un parallèle entre les pratiques Faire l'accessibilité, indirectement Justifier les efforts, autrement / 6 2012. AccessibilitéWeb Sans frais : 1 (877) 315-5550

7 Mon petit 80/20 de l’accessibilité Prioriser les problèmes les plus fréquents Se concentrer sur les bases! 1.Équivalents textuels 2.Navigation au clavier 3.Structure du contenu 4.Associations de formulaires 5.Contrastes de couleurs 6.Hyperliens significatifs 7.Langue du document 8.Compatibilité avec outils / 7 2012. AccessibilitéWeb Sans frais : 1 (877) 315-5550

8 Accessibilité et Web mobile Mobile web best practices 1.0 60 pratiques déclinées en 5 thèmes Comportement d'ensemble Navigation et liens Mise en pages et contenu Définition de la page Entrée de l'utilisateur / 8 Ressources Mobile Web Best Practices 1.0 - Basic Guidelines http://www.w3.org/TR/mobile-bp/ http://www.w3.org/TR/mobile-bp/ From WCAG 2.0 to MWBP (W3C Note) http://www.w3.org/TR/mwbp-wcag/wcag20-mwbp.html 2012. AccessibilitéWeb Sans frais : 1 (877) 315-5550

9 De WCAG 2.0 à MWBP 1.0 Établir un pont Directement relié à WCAG 2.0 17 critères de plus (AA et AAA) / 9 Éléments MWBPCritèresNiveauWCAG Critères Non-text alts1.1.1ANon-text Content Fonts1.3.1AInfo and Relations Style Sheets Use1.3.1AInfo and Relations Use of Color1.4.1AUse of Color Tab Order2.4.3AFocus Order Auto-Refresh3.2.5AAAChange on Request Link Target ID2.4.9AAALink Purpose 2012. AccessibilitéWeb Sans frais : 1 (877) 315-5550

10 Obstacles communs Établir un pont Exemples d’obstacles pour utilisateurs Regroupés sous principes – WCAG 2.0 Maillage entre MWBP 1.0 et WCAG 2.0 / 10 Ressource Shared Web Experiences: Barriers Common to Mobile Device Users and People with Disabilities http://www.w3.org/WAI/mobile/experiences 2012. AccessibilitéWeb Sans frais : 1 (877) 315-5550

11 Accessibilité et meilleures pratiques SEO Les moteurs de recherche, dont Google.... Ne comprennent que le texte N'utilisent jamais de périphériques Se fient à la structure du contenu Veulent de vrais en-têtes de section Détestent les rafraîchissements d’écran Apprécient les navigations efficaces Dépendent de liens significatifs À nouveau, des parallèles intéressants à établir entre le SEO et les critères de succès de WCAG 2.0! / 11 2012. AccessibilitéWeb Sans frais : 1 (877) 315-5550

12 SEO et équivalents textuels Au-delà du texte, point de salut! / 12 CritèresDétail des critères WCAGNiveau 1.1.1Non-Text ContentA 1.2.1Audio or Video Content OnlyA 1.2.2Captions (prerecorded)A 1.2.3 Audio Description or Media Alternative (Prerecorded) A 1.2.4Captions (live)AA 1.2.5Audio Description (prerecorded)AA 1.4.5Images of TextAA 1.2.6 to 1.2.9Additional CritèresAAA 2012. AccessibilitéWeb Sans frais : 1 (877) 315-5550

13 SEO et navigation au clavier Naviguer sans la souris / 13 CritèresDétail des critères WCAGNiveau 2.1.1KeyboardA 2.1.1No Keyboard TrapsA 2.4.3Focus OrderA 2.4.7Focus VisibleAA 2.1.3Additional CriterionAAA 2012. AccessibilitéWeb Sans frais : 1 (877) 315-5550

14 SEO et structure des contenus En-têtes : le GPS intégré du HTML / 14 CritèresDétail des critères WCAGNiveau 1.3.1Info and RelationshipsA 2.4.2Page TitledA 2.4.6Headings and LabelsAA 2.4.10Additional CriterionAAA 2012. AccessibilitéWeb Sans frais : 1 (877) 315-5550

15 SEO, rafraîchissements et délais Boucles et obstacles à l'information / 15 CritèresDétail des critères WCAGNiveau 2.2.1Timing AdjustableA 2.2.1Pause, Stop, HideA 2.2.3Additional CriterionAAA 2012. AccessibilitéWeb Sans frais : 1 (877) 315-5550

16 SEO et navigation efficace Sémantique et cohérence / 16 CritèresDétail des critères WCAGNiveau 2.4.1Bypass BlocksA 2.4.2Page TitledA 2.4.3Focus OrderA 2.4.4Link Purpose (in context)A 2.4.5Multiple WaysAA 2.4.6Headings and LabelsAA 2.4.7Focus VisibleAA 2.4.8Additional CriterionAAA 2012. AccessibilitéWeb Sans frais : 1 (877) 315-5550

17 SEO et hyperliens significatifs Cliquer ici? Où ça!? / 17 CritèresDétail des critères WCAGNiveau 2.4.4Link Purpose (in context)A 2.4.9Additional CriterionAAA 2012. AccessibilitéWeb Sans frais : 1 (877) 315-5550

18 Synthèse – une base pour l’accessibilité Une combinaison gagnante à plusieurs niveaux / 18 Critères à considérerWCAGMWBPSEO Équivalents textuels ✔✔✔ Navigation au clavier ✔✔✔ Structure du contenu ✔✔✔ Hyperliens significatifs ✔✔✔ Rafraîchissement et délai ✔ - ✔ Navigation efficace ✔ - ✔ Contrastes de couleurs ✔✔ - Associations formulaires ✔✔ - Définition de la langue ✔ -- 2012. AccessibilitéWeb Sans frais : 1 (877) 315-5550

19 Faire tomber les obstacles / 19 Viser la conformité l'inclusion S'appuyer sur d'autres pratiques Élargir le spectre et amplifier la valeur Transformer la perception de l'accessibilité Obtenir un appui engagé de la direction Proposer un plan réaliste qui assure des résultats S'engager dans une démarche mesurable 2012. AccessibilitéWeb Sans frais : 1 (877) 315-5550

20 La « qualité Web », au-delà des pratiques / 20 L'accessibilité dans une démarche globale de qualité 1.Reconnaître l'aspect progressif de la démarche 2.Renoncer à l'envie de tout faire d'un coup 3.Répartir le travail entre les intervenants 4.Prioriser les terrains d'interventions de chacun 5.Adapter la chaîne de production au plan de match 6.Se donner de vrais moyens d'atteindre ses objectifs 2012. AccessibilitéWeb Sans frais : 1 (877) 315-5550

21 Comment s’y retrouver Le W3 propose plusieurs ressources Des présentations desquelles s’inspirer Une démo de type « avant/après » Business case de l’accessibilité Quoi faire des sites non accessibles Et bien plus encore! PLEIN DE BONNES CHOSES!!! / 21 Ressource Finding Your WAI (way) to New Accessibility Resources http://www.w3.org/WAI/yourWAI.html 2012. AccessibilitéWeb Sans frais : 1 (877) 315-5550

22 Par où commencer? Des options en français Groupe linkedIn québécois Base de connaissances Programme de certification PLEIN DE BONNES CHOSES!!! / 22 Ressources linkedIn : Accessibilité du Web au Québec http://www.linkedin.com/groups/Accessibilit%C3%A9-Web- Qu%C3%A9bec-4161328 http://www.linkedin.com/groups/Accessibilit%C3%A9-Web- Qu%C3%A9bec-4161328 AccessibilitéWeb : Base de connaissances http://certif.accessibiliteweb.com/accueil/base-de- connaissances/ http://certif.accessibiliteweb.com/accueil/base-de- connaissances/ AccessibilitéWeb : Programme de certification http://certif.accessibiliteweb.com/ http://certif.accessibiliteweb.com/ 2012. AccessibilitéWeb Sans frais : 1 (877) 315-5550

23 Merci de votre attention! Denis Boudreau, Président Coopérative AccessibilitéWeb 1751 rue Richardson, bureau 6111 Montréal (Québec), Canada H3K 1G6 Sans frais : +1 (877) 315-5550 Courriel : dboudreau@accessibiliteweb.com Web : www.accessibiliteweb.com Blogue : www.accessiblogue.com Twitter : @AccessibiliteWb / @dboudreau Spkr8 - Commentaires, suggestions? http://spkr8.com/t/9308 / 23 2012. AccessibilitéWeb Sans frais : 1 (877) 315-5550