[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:05.82,0:00:09.06,Default,,0000,0000,0000,,Aujourd'hui, on a vu ce matin qu'il y avait des standards qu'il faut respecter.
Dialogue: 0,0:00:09.06,0:00:12.00,Default,,0000,0000,0000,,Ça reste l'objectif final de toute démarche d'accessibilité,
Dialogue: 0,0:00:12.00,0:00:16.53,Default,,0000,0000,0000,,mais la difficulté première c'est que la majorité des gens à l'heure actuelle
Dialogue: 0,0:00:16.53,0:00:19.92,Default,,0000,0000,0000,,ne sont pas formés et il y a un grand besoin
Dialogue: 0,0:00:19.92,0:00:24.78,Default,,0000,0000,0000,,de s'approprier ces standards et de les mettre en œuvre dans ces projets.
Dialogue: 0,0:00:24.78,0:00:27.70,Default,,0000,0000,0000,,Pour pouvoir monter en compétences,
Dialogue: 0,0:00:27.70,0:00:34.78,Default,,0000,0000,0000,,il y a 4 problématiques sur lesquelles je vais essayer de donner des réponses.
Dialogue: 0,0:00:34.78,0:00:38.15,Default,,0000,0000,0000,,La première difficulté que je rencontre en tant qu'expert accessibilité
Dialogue: 0,0:00:38.15,0:00:41.85,Default,,0000,0000,0000,,c'est qu'effectivement on va me demander de faire des audits,
Dialogue: 0,0:00:41.85,0:00:44.33,Default,,0000,0000,0000,,des évaluations et puis on va me demander de
Dialogue: 0,0:00:44.33,0:00:48.91,Default,,0000,0000,0000,,restituer des éléments par exemple sur lequel y a pas d'attribut alt sur les images
Dialogue: 0,0:00:48.91,0:00:51.92,Default,,0000,0000,0000,,qui sont vraiment des choses très basiques sur lesquelles moi en tant qu'expert,
Dialogue: 0,0:00:51.92,0:00:53.54,Default,,0000,0000,0000,,j'ai pas de valeur ajoutée,
Dialogue: 0,0:00:53.54,0:00:57.35,Default,,0000,0000,0000,,parce qu'il y a des outils automatiques qui peuvent le faire même à la limite mieux que moi.
Dialogue: 0,0:00:57.35,0:00:59.43,Default,,0000,0000,0000,,Donc ma problématique à moi en tant qu'expert,
Dialogue: 0,0:00:59.43,0:01:00.90,Default,,0000,0000,0000,,C'est faire quelque chose qui m'intéresse
Dialogue: 0,0:01:00.90,0:01:04.65,Default,,0000,0000,0000,,donc ce genre d'audit, je préfèrerais que ce soit des outils qui le fassent
Dialogue: 0,0:01:04.65,0:01:06.63,Default,,0000,0000,0000,,de l'autre coté, j'ai des intégrateurs web
Dialogue: 0,0:01:06.63,0:01:08.69,Default,,0000,0000,0000,,qui la plupart du temps
Dialogue: 0,0:01:08.69,0:01:14.11,Default,,0000,0000,0000,,viennent me voir et me disent : "Bonjour, est-ce qu'il y a des consignes de développement accessibles ?"
Dialogue: 0,0:01:14.11,0:01:17.85,Default,,0000,0000,0000,,alors effectivement on a SGQRI, en France on a RGAA.
Dialogue: 0,0:01:17.85,0:01:19.60,Default,,0000,0000,0000,,On a les WCAG. La problématique de ça
Dialogue: 0,0:01:19.60,0:01:23.61,Default,,0000,0000,0000,,c'est que les WCAG, SGQRI, le RGAA ce sont des documents qui sont destinés
Dialogue: 0,0:01:23.61,0:01:25.69,Default,,0000,0000,0000,,à des testeurs d'accessibilité.
Dialogue: 0,0:01:25.69,0:01:29.96,Default,,0000,0000,0000,,Ce ne sont pas des documents destinés à des intégrateurs, des développeurs.
Dialogue: 0,0:01:29.96,0:01:33.40,Default,,0000,0000,0000,,Ils ne sont pas rédigés avec le langage d'un développeur web.
Dialogue: 0,0:01:33.40,0:01:35.47,Default,,0000,0000,0000,,Donc quelles sont les consignes,
Dialogue: 0,0:01:35.47,0:01:39.75,Default,,0000,0000,0000,,lorsque je développe plutôt que les règles à vérifier une fois que j'ai développé,
Dialogue: 0,0:01:39.75,0:01:43.44,Default,,0000,0000,0000,,Pour être dès le départ dans le projet.
Dialogue: 0,0:01:43.44,0:01:46.90,Default,,0000,0000,0000,,2ème difficulté, lorsque je mets en œuvre l'accessibilité
Dialogue: 0,0:01:46.90,0:01:48.92,Default,,0000,0000,0000,,j'ai besoin d'avoir des gens qui sont motivés,
Dialogue: 0,0:01:48.92,0:01:51.80,Default,,0000,0000,0000,,et pour les motiver, j'ai besoin d'avoir des éléments à leur communiquer
Dialogue: 0,0:01:51.80,0:01:55.99,Default,,0000,0000,0000,,pour leur dire où est ce que j'en suis vers où je vais et comment je me compare
Dialogue: 0,0:01:55.99,0:01:58.19,Default,,0000,0000,0000,,par rapport aux autres.
Dialogue: 0,0:01:58.19,0:02:00.20,Default,,0000,0000,0000,,Cela, c'est un élément très important
Dialogue: 0,0:02:00.20,0:02:02.38,Default,,0000,0000,0000,,parce que l'accessibilité au même titre que la qualité web
Dialogue: 0,0:02:02.38,0:02:04.60,Default,,0000,0000,0000,,c'est des choses que l'on ne va pas voir.
Dialogue: 0,0:02:04.60,0:02:08.34,Default,,0000,0000,0000,,On peut avoir une interface visuelle qui va être quasiment identique,
Dialogue: 0,0:02:08.34,0:02:12.17,Default,,0000,0000,0000,,mais en tant que décideur ou en tant que personne impliquée dans un projet,
Dialogue: 0,0:02:12.17,0:02:16.19,Default,,0000,0000,0000,,j'ai besoin d'avoir un outil pour pouvoir communiquer et montrer aux autres,
Dialogue: 0,0:02:16.19,0:02:19.04,Default,,0000,0000,0000,,la valeur ajoutée de ce que je fais.
Dialogue: 0,0:02:19.04,0:02:22.08,Default,,0000,0000,0000,,La troisième difficulté, c'est quelle est la priorité
Dialogue: 0,0:02:22.08,0:02:24.85,Default,,0000,0000,0000,,parce qu'effectivement on a dit le respect d'un standard
Dialogue: 0,0:02:24.85,0:02:27.61,Default,,0000,0000,0000,,il y a beaucoup de choses à faire quand on part de zéro ou quasiment.
Dialogue: 0,0:02:27.61,0:02:29.84,Default,,0000,0000,0000,,Comment je priorise ces éléments-là?
Dialogue: 0,0:02:29.84,0:02:31.94,Default,,0000,0000,0000,,Qu'est-ce que je mets, je traite d'abord
Dialogue: 0,0:02:31.94,0:02:36.34,Default,,0000,0000,0000,,et comment je peux répartir justement les choses à faire.
Dialogue: 0,0:02:36.34,0:02:39.100,Default,,0000,0000,0000,,Et puis enfin, comment je peux effectivement monter en compétences
Dialogue: 0,0:02:39.100,0:02:43.53,Default,,0000,0000,0000,,le plus rapidement possible en ayant le minimum de coûts
Dialogue: 0,0:02:43.53,0:02:47.65,Default,,0000,0000,0000,,parce qu'évidemment investir des centaines de milliers de dollars
Dialogue: 0,0:02:47.65,0:02:50.94,Default,,0000,0000,0000,,sur l'accessibilité ça peut être une solution
Dialogue: 0,0:02:50.94,0:02:53.70,Default,,0000,0000,0000,,mais il ne faut pas que la mise en œuvre de l'accessibilité
Dialogue: 0,0:02:53.70,0:02:57.35,Default,,0000,0000,0000,,se fasse au détriment de la production des contenus elle-même.
Dialogue: 0,0:02:57.35,0:03:01.61,Default,,0000,0000,0000,,En France on a effectivement le RGAA qui s'applique à toutes les villes.
Dialogue: 0,0:03:01.61,0:03:03.68,Default,,0000,0000,0000,,De plus en plus de villes proposent des vidéos,
Dialogue: 0,0:03:03.68,0:03:07.29,Default,,0000,0000,0000,,sur internet de leurs sessions municipales etc.
Dialogue: 0,0:03:07.29,0:03:10.51,Default,,0000,0000,0000,,pour voir ce qui se dit dans les réunions.
Dialogue: 0,0:03:10.51,0:03:13.03,Default,,0000,0000,0000,,Le sous-titrage normalement est obligatoire,
Dialogue: 0,0:03:13.03,0:03:15.42,Default,,0000,0000,0000,,Si la ville en question n'a pas la possibilité de sous-titrer
Dialogue: 0,0:03:15.42,0:03:17.00,Default,,0000,0000,0000,,parce que ça lui coûte trop cher,
Dialogue: 0,0:03:17.00,0:03:19.66,Default,,0000,0000,0000,,ça ne veut pas dire qu'il faut qu'elle enlève la vidéo du site internet.
Dialogue: 0,0:03:19.66,0:03:21.57,Default,,0000,0000,0000,,Parce que sinon si elle enlève la vidéo du site internet,
Dialogue: 0,0:03:21.57,0:03:24.23,Default,,0000,0000,0000,,ça veut dire qu'il y a une perte d'informations pour tout le monde.
Dialogue: 0,0:03:24.23,0:03:28.29,Default,,0000,0000,0000,,Donc il faut qu'il y ait cette possibilité de monter en compétences rapidement
Dialogue: 0,0:03:28.29,0:03:30.96,Default,,0000,0000,0000,,tout en diminuant les coûts.
Dialogue: 0,0:03:30.96,0:03:34.21,Default,,0000,0000,0000,,Donc une des solutions c'est ce qu'on va appeler
Dialogue: 0,0:03:34.21,0:03:37.73,Default,,0000,0000,0000,,l'amélioration continue ou l'accessibilité agile.
Dialogue: 0,0:03:37.73,0:03:41.07,Default,,0000,0000,0000,,Un premier point, ça va être de commencer par la base.
Dialogue: 0,0:03:41.07,0:03:46.19,Default,,0000,0000,0000,,Et la base ça va être quoi? On va voir ça va être tout ce qui est automatisable et détectable automatiquement.
Dialogue: 0,0:03:46.19,0:03:49.39,Default,,0000,0000,0000,,Le deuxième élément, ça va être la mise en place de ce qu'on appelle des indicateurs
Dialogue: 0,0:03:49.39,0:03:52.32,Default,,0000,0000,0000,,et d'un tableau de bord qui permet de communiquer autour d'une démarche
Dialogue: 0,0:03:52.32,0:03:55.29,Default,,0000,0000,0000,,pour pouvoir fédérer les équipes.
Dialogue: 0,0:03:55.29,0:03:58.79,Default,,0000,0000,0000,,Le troisième élément c'est comment on peut répartir et prioriser ces tâches
Dialogue: 0,0:03:58.79,0:04:01.56,Default,,0000,0000,0000,,de correction une fois qu'on a détecté des problèmes.
Dialogue: 0,0:04:01.56,0:04:06.37,Default,,0000,0000,0000,,Et ensuite le dernier point, comment on va pouvoir faire de l'évaluation formative
Dialogue: 0,0:04:06.37,0:04:11.58,Default,,0000,0000,0000,,c'est à dire se former en étant accompagné.
Dialogue: 0,0:04:11.58,0:04:17.06,Default,,0000,0000,0000,,Donc pour la partie effectivement 'Commencer petit pour devenir grand'
Dialogue: 0,0:04:17.06,0:04:19.09,Default,,0000,0000,0000,,la problématique que j'ai rencontrée, je vous l'ai dit tout à l'heure
Dialogue: 0,0:04:19.09,0:04:21.05,Default,,0000,0000,0000,,c'est les intégrateurs, ils veulent des consignes de développement.
Dialogue: 0,0:04:21.05,0:04:25.68,Default,,0000,0000,0000,,Ils veulent pas savoir 'Est-ce que je respecte la règle WCAG 10 42?'
Dialogue: 0,0:04:25.68,0:04:27.71,Default,,0000,0000,0000,,ce qui les intéresse c'est 'Qu'est-ce que je dois corriger ?'
Dialogue: 0,0:04:27.71,0:04:29.83,Default,,0000,0000,0000,,et 'Où est-ce que je dois le corriger ?'.
Dialogue: 0,0:04:29.83,0:04:32.09,Default,,0000,0000,0000,,Et ça, ils veulent le savoir très rapidement.
Dialogue: 0,0:04:32.09,0:04:37.23,Default,,0000,0000,0000,,Donc on a développé moi-même et puis un groupe de travail
Dialogue: 0,0:04:37.23,0:04:41.40,Default,,0000,0000,0000,,au cours de l'année dernière, deux listes d'instructions
Dialogue: 0,0:04:41.40,0:04:45.85,Default,,0000,0000,0000,,qu'on appelle WCAG First Steps ou Pas à Pas vers les WCAG 2.
Dialogue: 0,0:04:45.85,0:04:49.74,Default,,0000,0000,0000,,La première étape ça va être effectivement toutes les choses qui sont des erreurs,
Dialogue: 0,0:04:49.74,0:04:54.35,Default,,0000,0000,0000,,dont on sait à 100% que ce sont des erreurs, des choses à faire.
Dialogue: 0,0:04:54.35,0:05:01.12,Default,,0000,0000,0000,,La deuxième, ça va être les risques à anticiper ou les choses qui vont être semi-automatisables,
Dialogue: 0,0:05:01.12,0:05:03.22,Default,,0000,0000,0000,,c'est à dire qu'on va pouvoir détecter si un élément dans la page
Dialogue: 0,0:05:03.22,0:05:04.73,Default,,0000,0000,0000,,mais on va pas pouvoir dire s'il est bon ou s'il est pas bon
Dialogue: 0,0:05:04.73,0:05:08.04,Default,,0000,0000,0000,,mais on va pouvoir dire s'il est présent ou pas.
Dialogue: 0,0:05:08.04,0:05:11.30,Default,,0000,0000,0000,,Ce qui est important, c'est effectivement au niveau de la rédaction
Dialogue: 0,0:05:11.30,0:05:14.22,Default,,0000,0000,0000,,c'est comment vont être rédigés les intitulés.
Dialogue: 0,0:05:14.22,0:05:17.29,Default,,0000,0000,0000,,Donc je vais vous donner un petit exemple.
Dialogue: 0,0:05:17.29,0:05:21.38,Default,,0000,0000,0000,,Je suis parti des WCAG, donc en haut vous avez la règle WCAG,
Dialogue: 0,0:05:21.38,0:05:24.25,Default,,0000,0000,0000,,qui dit 'Tout contenu non-textuel présenté à l'utilisateur
Dialogue: 0,0:05:24.25,0:05:28.60,Default,,0000,0000,0000,,a-t-il un équivalent textuel qui remplit une fonction équivalente?
Dialogue: 0,0:05:28.60,0:05:31.27,Default,,0000,0000,0000,,Ben je ne sais pas si vous faites de la formation, mais moi
Dialogue: 0,0:05:31.27,0:05:33.56,Default,,0000,0000,0000,,si je vais voir un développeur web et que je lui dis ça,
Dialogue: 0,0:05:33.56,0:05:36.51,Default,,0000,0000,0000,,avec ça il est bien content mais il ne sait pas ce qu'il faut qu'il fasse.
Dialogue: 0,0:05:36.51,0:05:40.78,Default,,0000,0000,0000,,Donc concrètement comment on peut traduire ça par des règles simples
Dialogue: 0,0:05:40.78,0:05:43.06,Default,,0000,0000,0000,,dont on sait qu'il y a une obligation,
Dialogue: 0,0:05:43.06,0:05:45.68,Default,,0000,0000,0000,,c'est 'Utiliser un attribut alt pour l'élément img'
Dialogue: 0,0:05:45.68,0:05:49.03,Default,,0000,0000,0000,,Donc l'intégrateur je vais le voir et je vais lui dire 'tu utilises un attribut alt sur l'élément img'
Dialogue: 0,0:05:49.03,0:05:50.94,Default,,0000,0000,0000,,ça c'est ce que tu as à faire.
Dialogue: 0,0:05:50.94,0:05:54.00,Default,,0000,0000,0000,,Et quand il va développer, il pourra éventuellement le tester
Dialogue: 0,0:05:54.00,0:05:58.35,Default,,0000,0000,0000,,ou simplement connaître la règle et l'appliquer.
Dialogue: 0,0:05:58.35,0:06:02.08,Default,,0000,0000,0000,,Un deuxième exemple: 'Ne pas utiliser d'attribut alt vide si l'élément
Dialogue: 0,0:06:02.08,0:06:04.63,Default,,0000,0000,0000,,est le seul enfant d'un élément a ou bouton'
Dialogue: 0,0:06:04.63,0:06:08.97,Default,,0000,0000,0000,,Pourquoi? Parce que si j'ai un attribut alt vide dans un a ou dans un bouton
Dialogue: 0,0:06:08.97,0:06:14.81,Default,,0000,0000,0000,,ça génère un lien vide et donc il y a un problème d'accessibilité dans tous les cas de figure.
Dialogue: 0,0:06:14.81,0:06:18.80,Default,,0000,0000,0000,,Donc ça c'est pour les éléments qu'on peut comme ça détecter automatiquement
Dialogue: 0,0:06:18.80,0:06:23.40,Default,,0000,0000,0000,,et être sûr que c'est des choses à faire ou à ne pas faire.
Dialogue: 0,0:06:23.40,0:06:28.45,Default,,0000,0000,0000,,Deuxième exemple, toujours basé sur les WCAG : 'la fonction de chaque lien est-elle déterminée
Dialogue: 0,0:06:28.45,0:06:34.44,Default,,0000,0000,0000,,par le texte du lien seul ou par le texte du lien associé à un contexte du lien déterminé par un programme informatique
Dialogue: 0,0:06:34.44,0:06:38.03,Default,,0000,0000,0000,,sauf si la fonction du lien est ambiguë pour tout utilisateur ?'
Dialogue: 0,0:06:38.03,0:06:42.83,Default,,0000,0000,0000,,Pfiou, vous êtes encore avec moi ? \NVous avez de la chance hein.
Dialogue: 0,0:06:42.83,0:06:48.43,Default,,0000,0000,0000,,Donc concrètement pour un dévelopeur web,\Nje vais lui dire 'Utiliser avec précaution l'attribut target
Dialogue: 0,0:06:48.43,0:06:50.60,Default,,0000,0000,0000,,avec la valeur _blank pour l'élément a'
Dialogue: 0,0:06:50.60,0:06:53.44,Default,,0000,0000,0000,,ça veut dire quoi ? ça veut dire qu'il va vouloir ouvrir\Nune nouvelle fenêtre,
Dialogue: 0,0:06:53.44,0:06:57.33,Default,,0000,0000,0000,,il va falloir qu'il fasse attention parce qu'il y aura\Ndes choses supplémentaires à faire
Dialogue: 0,0:06:57.33,0:07:00.39,Default,,0000,0000,0000,,s'il veut rendre cet élément-là accessible.
Dialogue: 0,0:07:00.39,0:07:04.14,Default,,0000,0000,0000,,Typiquement, il va devoir signaler l'ouverture\Nde la nouvelle fenêtre
Dialogue: 0,0:07:04.14,0:07:08.05,Default,,0000,0000,0000,,donc pour le respect de SGQRI, par exemple, il devra mettre une icône dans le lien
Dialogue: 0,0:07:08.05,0:07:11.77,Default,,0000,0000,0000,,avec indication dans le alt pour dire nouvelle fenêtre.
Dialogue: 0,0:07:11.77,0:07:19.61,Default,,0000,0000,0000,,Donc ça c'est la notion de d'exemple, d'instruction, d'avertissement.
Dialogue: 0,0:07:19.61,0:07:25.22,Default,,0000,0000,0000,,Donc ça en utilisant ces deux listes-là, vous pouvez très rapidement
Dialogue: 0,0:07:25.22,0:07:33.62,Default,,0000,0000,0000,,avoir un premier niveau de ... une première évaluation de votre niveau d'accessibilité
Dialogue: 0,0:07:33.62,0:07:38.08,Default,,0000,0000,0000,,ça ne va pas vous garantir la conformité à un standard,
Dialogue: 0,0:07:38.08,0:07:41.15,Default,,0000,0000,0000,,simplement ce que ça va faire c'est que ça va préparer le terrain
Dialogue: 0,0:07:41.15,0:07:43.84,Default,,0000,0000,0000,,à simplement vraiement pouvoir commencer à travailler à l'accessibilité
Dialogue: 0,0:07:43.84,0:07:47.70,Default,,0000,0000,0000,,ça va faire que quand vous allez engager\Nun expert accessibilité pour vous assister
Dialogue: 0,0:07:47.70,0:07:51.90,Default,,0000,0000,0000,,il va vraiment vous apporter de la plus-value, \Nil ne va pas venir vous rapporter des choses
Dialogue: 0,0:07:51.90,0:07:54.94,Default,,0000,0000,0000,,qu'un outil automatique va pouvoir vous dire ou que vous
Dialogue: 0,0:07:54.94,0:07:59.09,Default,,0000,0000,0000,,en tant qu'intégrateur je dirais traditionnel, classique, avec un niveau de compétences moyen
Dialogue: 0,0:07:59.09,0:08:02.11,Default,,0000,0000,0000,,devrait faire quotidiennement dans son travail.
Dialogue: 0,0:08:02.11,0:08:05.21,Default,,0000,0000,0000,,Mettre un attribut alt sur une image, ce n'est pas faire de l'accessibilité
Dialogue: 0,0:08:05.21,0:08:09.18,Default,,0000,0000,0000,,c'est juste connaître son métier de développeur web.
Dialogue: 0,0:08:09.18,0:08:11.97,Default,,0000,0000,0000,,Maintenant, pour motiver tout cela,
Dialogue: 0,0:08:11.97,0:08:15.49,Default,,0000,0000,0000,,il faut effectivement mettre en place des outils de communication.
Dialogue: 0,0:08:15.49,0:08:22.64,Default,,0000,0000,0000,,La volonté c'est de rendre visible la démarche et les efforts,
Dialogue: 0,0:08:22.64,0:08:25.18,Default,,0000,0000,0000,,de susciter éventuellement de la concurrence,
Dialogue: 0,0:08:25.18,0:08:28.49,Default,,0000,0000,0000,,entre les équipes ou entres les responsables de projets,
Dialogue: 0,0:08:28.49,0:08:32.18,Default,,0000,0000,0000,,de fixer des objectifs restreints de manière continue.
Dialogue: 0,0:08:32.18,0:08:36.93,Default,,0000,0000,0000,,On va commencer petit et au fur et à mesure on va
Dialogue: 0,0:08:36.93,0:08:41.55,Default,,0000,0000,0000,,faire monter en compétences les gens \Net augmenter les exigences
Dialogue: 0,0:08:41.55,0:08:44.15,Default,,0000,0000,0000,,et puis on va avoir une démarche collégiale
Dialogue: 0,0:08:44.15,0:08:49.00,Default,,0000,0000,0000,,Ces évolutions et ces améliorations, elles vont être faites\Nde manière commune,
Dialogue: 0,0:08:49.00,0:08:51.77,Default,,0000,0000,0000,,entre les développeurs et les responsables projets,
Dialogue: 0,0:08:51.77,0:08:53.96,Default,,0000,0000,0000,,et il va y avoir une animation de la démarche
Dialogue: 0,0:08:53.96,0:08:58.69,Default,,0000,0000,0000,,pour dire aujourd'hui on est à 90% conformes sur des critères de bases,
Dialogue: 0,0:08:58.69,0:09:00.81,Default,,0000,0000,0000,,demain vous serez à 100%.
Dialogue: 0,0:09:00.81,0:09:02.98,Default,,0000,0000,0000,,Quand vous serez à 100%, on rajoutera des critères
Dialogue: 0,0:09:02.98,0:09:06.47,Default,,0000,0000,0000,,donc vous redescendrez à 80% et au fur et à mesure on peut demander aux gens
Dialogue: 0,0:09:06.47,0:09:08.73,Default,,0000,0000,0000,,ce qu'ils veulent qu'on rajoute.
Dialogue: 0,0:09:08.73,0:09:25.82,Default,,0000,0000,0000,,Je vais vous montrer un exemple en pratique cela.
Dialogue: 0,0:09:25.82,0:09:29.97,Default,,0000,0000,0000,,Là c'est un exemple qui est basé sur les Ministères français
Dialogue: 0,0:09:29.97,0:09:32.86,Default,,0000,0000,0000,,et qui est sur la qualité web donc il est pas restreint à l'accessibilité
Dialogue: 0,0:09:32.86,0:09:36.39,Default,,0000,0000,0000,,mais l'idée c'est de pouvoir dire sur un parc de sites
Dialogue: 0,0:09:36.39,0:09:40.27,Default,,0000,0000,0000,,ici sur 18 sites.
Dialogue: 0,0:09:40.27,0:09:44.00,Default,,0000,0000,0000,,'Quelle est la qualité globale de ces 18 sites
Dialogue: 0,0:09:44.00,0:09:47.39,Default,,0000,0000,0000,,et comment se classe chacun de ces sites et dans chacun de ces sites ?'
Dialogue: 0,0:09:47.39,0:09:50.52,Default,,0000,0000,0000,,'Comment chaque site répond à différents critères ?'
Dialogue: 0,0:09:50.52,0:09:54.57,Default,,0000,0000,0000,,donc on arrive à avoir une note globale sur 10
Dialogue: 0,0:09:54.57,0:09:56.84,Default,,0000,0000,0000,,pour l'ensemble des sites.
Dialogue: 0,0:09:56.84,0:09:59.82,Default,,0000,0000,0000,,On va avoir des indicateurs donc, par exemple, ici des indicateurs
Dialogue: 0,0:09:59.82,0:10:02.56,Default,,0000,0000,0000,,accessibilité, vitesse, référencement, usabilité.
Dialogue: 0,0:10:02.56,0:10:06.90,Default,,0000,0000,0000,,Sur une démarche vraiment que l'accessibilité SGQRI \Nça pourrait être
Dialogue: 0,0:10:06.90,0:10:09.82,Default,,0000,0000,0000,,éventuellement un indicateur intégrateur web,
Dialogue: 0,0:10:09.82,0:10:13.19,Default,,0000,0000,0000,,un indicateur rédacteur, un indicateur développeur,
Dialogue: 0,0:10:13.19,0:10:17.26,Default,,0000,0000,0000,,qui donnerait des indications par type de profil.
Dialogue: 0,0:10:17.26,0:10:23.85,Default,,0000,0000,0000,,On va avoir le nombre d'informations, un classement top 3 des sites
Dialogue: 0,0:10:23.85,0:10:29.17,Default,,0000,0000,0000,,avec pour chaque site la note et puis le score de chaque indicateur.
Dialogue: 0,0:10:29.17,0:10:36.47,Default,,0000,0000,0000,,Des conformités par niveaux, par type de sites, les critères les plus conformes.
Dialogue: 0,0:10:36.47,0:10:42.55,Default,,0000,0000,0000,,En fait, toutes ces données-là, elles sont extraites d'un outil et directement mises en ligne.
Dialogue: 0,0:10:42.55,0:10:45.86,Default,,0000,0000,0000,,Après cette interface, vous la partagez si vous le voulez
Dialogue: 0,0:10:45.86,0:10:52.32,Default,,0000,0000,0000,,avec le public pour attirer l'attention des ministères.
Dialogue: 0,0:10:52.32,0:10:55.64,Default,,0000,0000,0000,,On a en projet en travaillant avec Accessibiliteweb
Dialogue: 0,0:10:55.64,0:10:58.67,Default,,0000,0000,0000,,de faire la même chose pour SGQRI.
Dialogue: 0,0:10:58.67,0:11:02.08,Default,,0000,0000,0000,,De pouvoir montrer au gens 'Est-ce que je suis conforme SGQRI ?'
Dialogue: 0,0:11:02.08,0:11:05.02,Default,,0000,0000,0000,,et si ce n'est pas le cas, que les gens rentrent dans la démarche
Dialogue: 0,0:11:05.02,0:11:07.27,Default,,0000,0000,0000,,ou alors on peut l'utiliser en interne,
Dialogue: 0,0:11:07.27,0:11:09.94,Default,,0000,0000,0000,,simplement pour dire voilà j'ai 10, 20, 30 sites
Dialogue: 0,0:11:09.94,0:11:13.76,Default,,0000,0000,0000,,comment je fais pour voir où j'en suis.
Dialogue: 0,0:11:13.76,0:11:16.16,Default,,0000,0000,0000,,Tout cela, ce sont des données qui sont mises en avant
Dialogue: 0,0:11:16.16,0:11:29.16,Default,,0000,0000,0000,,par rapport au travail que vous faites dans vos évaluations ou dans vos mises en œuvre.
Dialogue: 0,0:11:29.16,0:11:34.28,Default,,0000,0000,0000,,En novembre, on va publier le 1er baromètre SGQRI
Dialogue: 0,0:11:34.28,0:11:40.00,Default,,0000,0000,0000,,qui sera basé sur les ministères et les organismes publics.
Dialogue: 0,0:11:40.00,0:11:43.73,Default,,0000,0000,0000,,La répartition et la priorisation des tâches,
Dialogue: 0,0:11:43.73,0:11:45.64,Default,,0000,0000,0000,,c'est une autre problématique.
Dialogue: 0,0:11:45.64,0:11:47.59,Default,,0000,0000,0000,,Vous avez fait une évaluation, l'évaluation en tant que telle,
Dialogue: 0,0:11:47.59,0:11:49.89,Default,,0000,0000,0000,,elle est intéressante. Le test en lui même est intéressant.
Dialogue: 0,0:11:49.89,0:11:52.66,Default,,0000,0000,0000,,Sauf que le test va vous rapporter des problèmes.
Dialogue: 0,0:11:52.66,0:11:56.43,Default,,0000,0000,0000,,Hors les problèmes ne correspondent pas à ce qu'il y a à faire concrètement.
Dialogue: 0,0:11:56.43,0:12:00.71,Default,,0000,0000,0000,,Typiquement on a détecté qu'une image n'avait pas d'attribut alt
Dialogue: 0,0:12:00.71,0:12:02.62,Default,,0000,0000,0000,,Pourquoi il n'y a pas d'attribut alt ?
Dialogue: 0,0:12:02.62,0:12:04.82,Default,,0000,0000,0000,,Peut-être que c'est parce que le développeur
Dialogue: 0,0:12:04.82,0:12:07.80,Default,,0000,0000,0000,,n'a pas produit la fonctionnalité dans le gabarit
Dialogue: 0,0:12:07.80,0:12:10.56,Default,,0000,0000,0000,,de la page ou parce que dans l'interface de saisie
Dialogue: 0,0:12:10.56,0:12:13.95,Default,,0000,0000,0000,,du gestionnaire de contenu il n'y a pas la possibilité pour le rédacteur de le saisir.
Dialogue: 0,0:12:13.95,0:12:16.32,Default,,0000,0000,0000,,Il peut y avoir plusieurs causes possibles
Dialogue: 0,0:12:16.32,0:12:20.77,Default,,0000,0000,0000,,à 1 problème qui est détecté on va devoir identifier plusieurs tâches.
Dialogue: 0,0:12:20.77,0:12:26.51,Default,,0000,0000,0000,,Sur chacune de ces tâches, on va pouvoir affecter des profils et les estimer en durée.
Dialogue: 0,0:12:26.51,0:12:29.71,Default,,0000,0000,0000,,Une fois que l'on aura estimé les durées et affecté les profils,
Dialogue: 0,0:12:29.71,0:12:33.94,Default,,0000,0000,0000,,on va pouvoir les prioriser en fonction de l'impact utilisateur.
Dialogue: 0,0:12:33.94,0:12:36.38,Default,,0000,0000,0000,,Ne pas avoir d'attribut alt sur une image,
Dialogue: 0,0:12:36.38,0:12:39.51,Default,,0000,0000,0000,,ça a une forte conséquence pour l'utilisateur.
Dialogue: 0,0:12:39.51,0:12:47.18,Default,,0000,0000,0000,,Ne pas avoir un intitulé de lien parfaitement pertinent dans un contexte donné,
Dialogue: 0,0:12:47.18,0:12:49.86,Default,,0000,0000,0000,,ça va avoir moins d'impact.
Dialogue: 0,0:12:49.86,0:12:53.44,Default,,0000,0000,0000,,Tout cela, ce sont des choses que l'on va pouvoir classer,
Dialogue: 0,0:12:53.44,0:12:58.47,Default,,0000,0000,0000,,une fois que l'on a fait cette liste des taches de manière collaborative,
Dialogue: 0,0:12:58.47,0:13:04.32,Default,,0000,0000,0000,,avec les gens qui détectent les problèmes et les équipes de développement.
Dialogue: 0,0:13:04.32,0:13:08.64,Default,,0000,0000,0000,,Pour vous aider à cela encore une fois, on peut avoir des outils.
Dialogue: 0,0:13:08.64,0:13:10.53,Default,,0000,0000,0000,,Je vais vous en montrer un exemple,
Dialogue: 0,0:13:10.53,0:13:13.100,Default,,0000,0000,0000,,et puis on a pour WCAG pour l'instant et on est en rain de travailler avec Accessibiliteweb
Dialogue: 0,0:13:13.100,0:13:17.50,Default,,0000,0000,0000,,pour faire la même chose sur SGQRI.
Dialogue: 0,0:13:17.50,0:13:22.74,Default,,0000,0000,0000,,On a un document qui émane de ce qui a été montré ce matin,
Dialogue: 0,0:13:22.74,0:13:30.01,Default,,0000,0000,0000,,le BOEW je vais vous le remontrer.
Dialogue: 0,0:13:30.01,0:13:35.42,Default,,0000,0000,0000,,Ça c'est la répartition qui a été faite dans la boite à outils de l'expérience web.
Dialogue: 0,0:13:35.42,0:13:42.71,Default,,0000,0000,0000,,Pour chaque critère WCAG, ils vont vous donner la répartition correspondante
Dialogue: 0,0:13:42.71,0:13:47.02,Default,,0000,0000,0000,,en fonction du profil, par exemple le critère 1.1.1.
Dialogue: 0,0:13:47.02,0:13:52.04,Default,,0000,0000,0000,,il concerne les rédacteurs, les développeurs, le contrôle qualité et le prototypage
Dialogue: 0,0:13:52.04,0:13:56.54,Default,,0000,0000,0000,,Typiquement, si je détecte ce problème là et que je génère un rapport d'audit
Dialogue: 0,0:13:56.54,0:13:59.08,Default,,0000,0000,0000,,je vais pouvoir l'envoyer uniquement à la personne
Dialogue: 0,0:13:59.08,0:14:00.75,Default,,0000,0000,0000,,qui est concernée par ce problème là
Dialogue: 0,0:14:00.75,0:14:03.60,Default,,0000,0000,0000,,et la personne qui n'est pas concernée n'aura pas la visibilité de ce point là
Dialogue: 0,0:14:03.60,0:14:10.89,Default,,0000,0000,0000,,puisqu'il ne la concerne pas.
Dialogue: 0,0:14:10.89,0:14:17.02,Default,,0000,0000,0000,,L'autre élément, c'est un exemple dans l'outil \Nqu'on développe
Dialogue: 0,0:14:17.02,0:14:19.25,Default,,0000,0000,0000,,chez nous à Temesis
Dialogue: 0,0:14:19.25,0:14:25.28,Default,,0000,0000,0000,,On a une fonctionnalité de tâches ici ça correspond à un audit qui a été fait sur un site.
Dialogue: 0,0:14:25.28,0:14:29.03,Default,,0000,0000,0000,,Pour chacune des tâches correctives qui ont été créées,
Dialogue: 0,0:14:29.03,0:14:34.43,Default,,0000,0000,0000,,on a estimé une durée, on a fixé une priorité et on a mis des tags.
Dialogue: 0,0:14:34.43,0:14:36.38,Default,,0000,0000,0000,,Par exemple ici dans les tags, vous avez...
Dialogue: 0,0:14:36.38,0:14:39.76,Default,,0000,0000,0000,,Vous ne voyez pas car l'écran n'est pas très net, vous avez templates, contenu,
Dialogue: 0,0:14:39.76,0:14:42.82,Default,,0000,0000,0000,,développement, CMS, etc.
Dialogue: 0,0:14:42.82,0:14:46.51,Default,,0000,0000,0000,,Ce qui permet de classer ces tâches en fonction des mots-clés
Dialogue: 0,0:14:46.51,0:14:50.93,Default,,0000,0000,0000,,et donc d'avoir des priorités qui sont classées
Dialogue: 0,0:14:50.93,0:14:55.08,Default,,0000,0000,0000,,et donc estimable plus concrètement.
Dialogue: 0,0:14:55.08,0:14:57.29,Default,,0000,0000,0000,,Surtout cela permet de mutualiser.
Dialogue: 0,0:14:57.29,0:14:59.90,Default,,0000,0000,0000,,Typiquement si vous avez plusieurs sites,\Nsi vous vous rendez compte que vous avez
Dialogue: 0,0:14:59.90,0:15:02.71,Default,,0000,0000,0000,,des sous-titres qui ne sont pas présents sur l'ensemble des sites
Dialogue: 0,0:15:02.71,0:15:05.73,Default,,0000,0000,0000,,que vous gérez. Vous allez commander vos sous-titres
Dialogue: 0,0:15:05.73,0:15:08.77,Default,,0000,0000,0000,,pour l'ensemble de vos sites plutôt que de manière individuelle.
Dialogue: 0,0:15:08.77,0:15:12.61,Default,,0000,0000,0000,,Si vous devez développer un plugin pour un gestionnaire de contenu.
Dialogue: 0,0:15:12.61,0:15:15.32,Default,,0000,0000,0000,,En fait, vous vous rendez compte que vous n'avez pas 1 site qui a ce gestionnaire
Dialogue: 0,0:15:15.32,0:15:17.42,Default,,0000,0000,0000,,de contenu mais vous en avez 10.
Dialogue: 0,0:15:17.42,0:15:22.69,Default,,0000,0000,0000,,Le plugin que vous développez, vous le développez par pour 1 un site mais pour 6, 10,
Dialogue: 0,0:15:22.69,0:15:33.87,Default,,0000,0000,0000,,ou 20 sites et donc les coûts sont d'autant diminués.
Dialogue: 0,0:15:33.87,0:15:36.55,Default,,0000,0000,0000,,Pour terminer, la partie sur l'évaluation formative,
Dialogue: 0,0:15:36.55,0:15:39.77,Default,,0000,0000,0000,,ça, c'est un point qui est très important.
Dialogue: 0,0:15:39.77,0:15:41.76,Default,,0000,0000,0000,,Qu'est ce que je met là dedans ?
Dialogue: 0,0:15:41.76,0:15:45.26,Default,,0000,0000,0000,,Je mets la possibilité d'avoir pour les développeurs des outils très simples à utiliser
Dialogue: 0,0:15:45.26,0:15:47.64,Default,,0000,0000,0000,,qui leur donne très rapidement des informations
Dialogue: 0,0:15:47.64,0:15:52.89,Default,,0000,0000,0000,,sur où se situent les problèmes et sur qu'est ce qu'il faut faire pour les corriger ?
Dialogue: 0,0:15:52.89,0:15:57.01,Default,,0000,0000,0000,,Donc les intégrer le plus en amont possible dans l'ensemble de la chaîne de production.
Dialogue: 0,0:15:57.01,0:16:01.40,Default,,0000,0000,0000,,Fournir le matériel pédagogique au môment opportun et en quantité limité
Dialogue: 0,0:16:01.40,0:16:04.35,Default,,0000,0000,0000,,Je vais pas renvoyer la personne sur les techniques WCAG
Dialogue: 0,0:16:04.35,0:16:09.56,Default,,0000,0000,0000,,où il y a 500 techniques réparties, toutes au même niveau sans priorisation
Dialogue: 0,0:16:09.56,0:16:12.56,Default,,0000,0000,0000,,à l'intérieur. Je vais utiliser un langage
Dialogue: 0,0:16:12.56,0:16:16.15,Default,,0000,0000,0000,,qui est propre à la cible à qui je m'adresse.
Dialogue: 0,0:16:16.15,0:16:20.10,Default,,0000,0000,0000,,L'autre solution intéressant, c'est que plutôt de demander de faire
Dialogue: 0,0:16:20.10,0:16:23.06,Default,,0000,0000,0000,,des évalutions complètes à postériori.
Dialogue: 0,0:16:23.06,0:16:25.65,Default,,0000,0000,0000,,Vous avez un auditeur, un évaluateur qui va sur le site
Dialogue: 0,0:16:25.65,0:16:28.43,Default,,0000,0000,0000,,qui vous fait un rapport, qui vous transmet le rapport.
Dialogue: 0,0:16:28.43,0:16:32.18,Default,,0000,0000,0000,,C'est important d'avoir l'évaluateur proche du développeur.
Dialogue: 0,0:16:32.18,0:16:35.60,Default,,0000,0000,0000,,Si possible même d'avoir du travail en commun
Dialogue: 0,0:16:35.60,0:16:38.87,Default,,0000,0000,0000,,Quand le développeur va coder, vous avez l'évaluateur qui est à coté de lui
Dialogue: 0,0:16:38.87,0:16:41.08,Default,,0000,0000,0000,,et qui va le corriger au fur et à mesure
Dialogue: 0,0:16:41.08,0:16:44.26,Default,,0000,0000,0000,,De cette manière-là, il va y avoir une vraie montée en compétences,
Dialogue: 0,0:16:44.26,0:16:47.71,Default,,0000,0000,0000,,beaucoup plus rapide de l'intégrateur et du développeur
Dialogue: 0,0:16:47.71,0:16:51.44,Default,,0000,0000,0000,,que s'il avait reçu un rapport de 80, 40 ou 50 pages,
Dialogue: 0,0:16:51.44,0:16:53.38,Default,,0000,0000,0000,,qu'il fallait qu'il le lise et qu'il le comprenne.
Dialogue: 0,0:16:53.38,0:16:55.38,Default,,0000,0000,0000,,Qu'il corrige puis que l'évaluateur revienne
Dialogue: 0,0:16:55.38,0:16:57.69,Default,,0000,0000,0000,,qu'il se rend compte qu'il avait pas bien corrigé
Dialogue: 0,0:16:57.69,0:17:00.18,Default,,0000,0000,0000,,etc, etc, etc.
Dialogue: 0,0:17:00.18,0:17:04.92,Default,,0000,0000,0000,,Donc ça c'est ce qu'on appelle l'évaluation à 4 mains
Dialogue: 0,0:17:04.92,0:17:11.04,Default,,0000,0000,0000,,donc les mains du développeur et puis les mains de l'évaluateur.
Dialogue: 0,0:17:11.04,0:17:17.73,Default,,0000,0000,0000,,Et puis la mise à disposition des outils, je vais vous montrer cela rapidement
Dialogue: 0,0:17:17.73,0:17:20.33,Default,,0000,0000,0000,,C'était le premier site qui s'est ouvert quand j'ai ouvert le navigateur,
Dialogue: 0,0:17:20.33,0:17:22.93,Default,,0000,0000,0000,,donc c'est celui là que je vais montrer.
Dialogue: 0,0:17:22.93,0:17:26.78,Default,,0000,0000,0000,,Ici, donc pareil on a développé un plugin open-source pour Firefox,
Dialogue: 0,0:17:26.78,0:17:31.14,Default,,0000,0000,0000,,qui vous permet à l'heure actuelle de tester 450 tests
Dialogue: 0,0:17:31.14,0:17:34.82,Default,,0000,0000,0000,,dont une bonne partie qui concerne l'accessibilité
Dialogue: 0,0:17:34.82,0:17:38.56,Default,,0000,0000,0000,,les fameux 1er pas et 2ème pas.
Dialogue: 0,0:17:38.56,0:17:41.56,Default,,0000,0000,0000,,Donc sur ce site là, par exemple, j'ai simplement appuyé sur le bouton
Dialogue: 0,0:17:41.56,0:17:47.43,Default,,0000,0000,0000,,pour lancer l'analyse et donc il y a 1, 2, 3, 4, 5, 6
Dialogue: 0,0:17:47.43,0:17:50.94,Default,,0000,0000,0000,,élements qui ne sont pas conformes.
Dialogue: 0,0:17:50.94,0:17:55.10,Default,,0000,0000,0000,,Je peux ici, avoir la liste des éléments en question et si nécessaire
Dialogue: 0,0:17:55.10,0:18:04.44,Default,,0000,0000,0000,,avoir avoir accès plus précisément à l'élément qui pose problème
Dialogue: 0,0:18:04.44,0:18:13.04,Default,,0000,0000,0000,,et avoir accès à son code HTML pour voir où se situe le souci.
Dialogue: 0,0:18:13.04,0:18:19.33,Default,,0000,0000,0000,,Donc, ce genre d'outil qui est très simple va vous permettre d'avoir la base.
Dialogue: 0,0:18:19.33,0:18:22.46,Default,,0000,0000,0000,,Corrigez la base et une fois que la base est corrigée,
Dialogue: 0,0:18:22.46,0:18:27.57,Default,,0000,0000,0000,,vous envoyez vos maquettes à une évaluation par un évaluateur qui va faire un audit complet
Dialogue: 0,0:18:27.57,0:18:30.61,Default,,0000,0000,0000,,de votre site et effectivement là, il vous remontera peut-être des éléments
Dialogue: 0,0:18:30.61,0:18:35.02,Default,,0000,0000,0000,,sur la pertinence du contenu ou comme a montré François sur la partie
Dialogue: 0,0:18:35.02,0:18:41.01,Default,,0000,0000,0000,,subjective mais toute la partie objective sera traitée en amont.
Dialogue: 0,0:18:41.01,0:18:45.01,Default,,0000,0000,0000,,Voilà merci.