[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.00,0:00:01.02,Default,,0000,0000,0000,,Bonjour !
Dialogue: 0,0:00:01.02,0:00:03.09,Default,,0000,0000,0000,,Aujourd'hui je vais vous montrer comment installer
Dialogue: 0,0:00:03.09,0:00:05.97,Default,,0000,0000,0000,,et comment utiliser l'extension Opquast Desktop.
Dialogue: 0,0:00:05.97,0:00:10.03,Default,,0000,0000,0000,,Cette extension, c'est un outil qui va vous permettre d'analyser
Dialogue: 0,0:00:10.03,0:00:12.31,Default,,0000,0000,0000,,la qualité et l'accessibilité de vos pages.
Dialogue: 0,0:00:12.31,0:00:15.33,Default,,0000,0000,0000,,C'est une extension "Open Source" pour Firefox,
Dialogue: 0,0:00:15.33,0:00:18.87,Default,,0000,0000,0000,,qui a été publiée très récemment par la société TEMESIS.
Dialogue: 0,0:00:18.87,0:00:21.76,Default,,0000,0000,0000,,Alors pour l'installer, on va aller sur le site des add-ons de Mozilla.
Dialogue: 0,0:00:21.76,0:00:28.10,Default,,0000,0000,0000,,On va ajouter l'extension à Firefox.
Dialogue: 0,0:00:28.10,0:00:30.17,Default,,0000,0000,0000,,Le téléchargement est en cours.
Dialogue: 0,0:00:30.17,0:00:34.90,Default,,0000,0000,0000,,Je vais demander à Firefox d'installer l'extension.
Dialogue: 0,0:00:34.90,0:00:39.43,Default,,0000,0000,0000,,A ce moment là, une page s'ouvre
Dialogue: 0,0:00:39.43,0:00:42.61,Default,,0000,0000,0000,,et explique comment faire tourner l'extension
Dialogue: 0,0:00:42.61,0:00:44.37,Default,,0000,0000,0000,,et les différents crédits.
Dialogue: 0,0:00:44.37,0:00:49.55,Default,,0000,0000,0000,,Pour commencer, on va devoir installer le bouton de l'extension
Dialogue: 0,0:00:49.55,0:00:52.37,Default,,0000,0000,0000,,qui va nous permettre de déclencher les tests à n'importe quel moment.
Dialogue: 0,0:00:52.37,0:00:55.30,Default,,0000,0000,0000,,Pour ceci, je fais "Affichage", puis "Barre d'outils" et "Personnaliser"
Dialogue: 0,0:00:55.30,0:00:58.33,Default,,0000,0000,0000,,Et je vais aller chercher le petit bouton Opquast Desktop
Dialogue: 0,0:00:58.33,0:01:01.30,Default,,0000,0000,0000,,que je peux positionner à différents endroits de mon interface.
Dialogue: 0,0:01:01.30,0:01:02.50,Default,,0000,0000,0000,,Alors, ça peut être ici.
Dialogue: 0,0:01:02.50,0:01:04.97,Default,,0000,0000,0000,,Moi, je le positionne en général là.
Dialogue: 0,0:01:04.97,0:01:07.03,Default,,0000,0000,0000,,Voilà !
Dialogue: 0,0:01:07.03,0:01:09.43,Default,,0000,0000,0000,,Et voilà l'extension est prête à fonctionner.
Dialogue: 0,0:01:09.43,0:01:15.86,Default,,0000,0000,0000,,Je vais aller sur le site "Openweb.eu.org", que je vous conseille.
Dialogue: 0,0:01:15.86,0:01:21.04,Default,,0000,0000,0000,,Et puis, je vais lancer une analyse directement sur ce site.
Dialogue: 0,0:01:21.04,0:01:25.57,Default,,0000,0000,0000,,Alors là, l'analyse avait déjà été faite, je vais relancer l'analyse
Dialogue: 0,0:01:25.57,0:01:29.86,Default,,0000,0000,0000,,de manière à ce qu'on voit les tests actuels
Dialogue: 0,0:01:29.86,0:01:33.14,Default,,0000,0000,0000,,et la façon dont l'application renvoie les résultats.
Dialogue: 0,0:01:33.14,0:01:37.17,Default,,0000,0000,0000,,Et là, je vais récupérer les résultats de 450 tests.
Dialogue: 0,0:01:37.17,0:01:42.30,Default,,0000,0000,0000,,Ce qui va m'intéresser, c'est d'aller voir les tests non conformes.
Dialogue: 0,0:01:42.30,0:01:45.10,Default,,0000,0000,0000,,Il y a différentes checklists dans cette application.
Dialogue: 0,0:01:45.10,0:01:46.95,Default,,0000,0000,0000,,Par exemple, "Accessiweb",
Dialogue: 0,0:01:46.95,0:01:49.87,Default,,0000,0000,0000,,une liste "d'optimisation du référencement (SEO)",
Dialogue: 0,0:01:49.87,0:01:52.90,Default,,0000,0000,0000,,une liste de base en termes d'accessibilité,
Dialogue: 0,0:01:52.90,0:01:54.40,Default,,0000,0000,0000,,une liste "Qualité Web"
Dialogue: 0,0:01:54.40,0:01:56.03,Default,,0000,0000,0000,,Voilà, vous avez un certain nombre d'éléments.
Dialogue: 0,0:01:56.03,0:01:58.53,Default,,0000,0000,0000,,Alors par exemple, on va essayer d'aller voir les détails,
Dialogue: 0,0:01:58.53,0:02:03.76,Default,,0000,0000,0000,,pour se dire : "Quels sont les "alt" vides qui posent problème ?"
Dialogue: 0,0:02:03.76,0:02:05.53,Default,,0000,0000,0000,,Alors, je vais aller regarder.
Dialogue: 0,0:02:05.53,0:02:09.47,Default,,0000,0000,0000,,Il existe au moins un lien avec un contenu textuel
Dialogue: 0,0:02:09.47,0:02:13.07,Default,,0000,0000,0000,,et une image contenant un contenu alternatif vide.
Dialogue: 0,0:02:13.07,0:02:15.80,Default,,0000,0000,0000,,C'est un critère de base qui présente un risque.
Dialogue: 0,0:02:15.80,0:02:18.80,Default,,0000,0000,0000,,Si je veux voir l'élément concerné, je vais aller cliquer là dessus.
Dialogue: 0,0:02:18.80,0:02:24.27,Default,,0000,0000,0000,,Et là, l'outil va me mettre en évidence directement de quoi il retourne.
Dialogue: 0,0:02:24.27,0:02:28.97,Default,,0000,0000,0000,,Je vois directement dans le code, l'endroit qui peut poser problème.
Dialogue: 0,0:02:28.97,0:02:33.20,Default,,0000,0000,0000,,Je peux aussi demander à voir le HTML et là, je vois directement
Dialogue: 0,0:02:33.20,0:02:35.04,Default,,0000,0000,0000,,le HTML qui pose problème.
Dialogue: 0,0:02:35.04,0:02:40.17,Default,,0000,0000,0000,,Sachez que vous pouvez filtrer par checklists.
Dialogue: 0,0:02:40.17,0:02:43.17,Default,,0000,0000,0000,,Je vais choisir une checklist juste pour vous montrer,
Dialogue: 0,0:02:43.17,0:02:47.67,Default,,0000,0000,0000,,par exemple, uniquement les tests "Qualité web" et uniquement les tests conformes.
Dialogue: 0,0:02:47.67,0:02:50.60,Default,,0000,0000,0000,,Je peux aussi demander certaines thématiques,
Dialogue: 0,0:02:50.60,0:02:53.83,Default,,0000,0000,0000,,uniquement par exemple, ce qui va concerner le code.
Dialogue: 0,0:02:53.83,0:02:56.53,Default,,0000,0000,0000,,Je peux décider d'afficher certains éléments.
Dialogue: 0,0:02:56.53,0:02:58.24,Default,,0000,0000,0000,,Par exemple, j'ai les thématiques affichées.
Dialogue: 0,0:02:58.24,0:03:02.27,Default,,0000,0000,0000,,Je peux choisir les références du code ou, au contraire, aucune.
Dialogue: 0,0:03:02.27,0:03:07.30,Default,,0000,0000,0000,,Je vais revenir sur "toutes les checklists" ; je réaffiche tous les résultats.
Dialogue: 0,0:03:07.30,0:03:10.36,Default,,0000,0000,0000,,Je peux aussi faire une recherche sur les images.
Dialogue: 0,0:03:10.36,0:03:13.57,Default,,0000,0000,0000,,"Les dimensions réelles des images sont indiquées dans le code source"
Dialogue: 0,0:03:13.57,0:03:17.97,Default,,0000,0000,0000,,Là, je trouve quels sont les tests concernés.
Dialogue: 0,0:03:17.97,0:03:22.53,Default,,0000,0000,0000,,Je peux également, pour finir, exporter les résultats si je le souhaite...
Dialogue: 0,0:03:22.53,0:03:24.90,Default,,0000,0000,0000,,au format "csv" pour l'instant.
Dialogue: 0,0:03:24.90,0:03:32.25,Default,,0000,0000,0000,,Et puis, retrouver la page d'aide en cliquant sur le petit "?" qui se trouve ici.
Dialogue: 0,0:03:32.25,0:03:34.02,Default,,0000,0000,0000,,Voilà ! Amusez-vous bien !
Dialogue: 0,0:03:34.02,0:03:35.13,Default,,0000,0000,0000,,Améliorez vos pages !
Dialogue: 0,0:03:35.13,0:03:36.63,Default,,0000,0000,0000,,On espère que ça vous sera très utile.
Dialogue: 0,0:03:36.63,0:03:38.41,Default,,0000,0000,0000,,C'est gratuit, c'est "Open Source".
Dialogue: 0,0:03:38.41,0:03:41.53,Default,,0000,0000,0000,,Merci aussi si vous avez l'occasion de faire connaître,
Dialogue: 0,0:03:41.53,0:03:44.63,Default,,0000,0000,0000,,ou éventuellement de nous faire remonter des informations pour l'améliorer.
Dialogue: 0,0:03:44.63,0:03:45.91,Default,,0000,0000,0000,,A bientôt !