WEBVTT 00:00:00.000 --> 00:00:01.022 Bonjour ! 00:00:01.022 --> 00:00:03.088 Aujourd'hui je vais vous montrer comment installer 00:00:03.088 --> 00:00:05.967 et comment utiliser l'extension Opquast Desktop. 00:00:05.967 --> 00:00:10.033 Cette extension, c'est un outil qui va vous permettre d'analyser 00:00:10.033 --> 00:00:12.307 la qualité et l'accessibilité de vos pages. 00:00:12.307 --> 00:00:15.333 C'est une extension "Open Source" pour Firefox, 00:00:15.333 --> 00:00:18.867 qui a été publiée très récemment par la société TEMESIS. 00:00:18.867 --> 00:00:21.757 Alors pour l'installer, on va aller sur le site des add-ons de Mozilla. 00:00:21.757 --> 00:00:28.096 On va ajouter l'extension à Firefox. 00:00:28.096 --> 00:00:30.167 Le téléchargement est en cours. 00:00:30.167 --> 00:00:34.900 Je vais demander à Firefox d'installer l'extension. 00:00:34.900 --> 00:00:39.433 A ce moment là, une page s'ouvre 00:00:39.433 --> 00:00:42.609 et explique comment faire tourner l'extension 00:00:42.609 --> 00:00:44.373 et les différents crédits. 00:00:44.373 --> 00:00:49.551 Pour commencer, on va devoir installer le bouton de l'extension 00:00:49.551 --> 00:00:52.367 qui va nous permettre de déclencher les tests à n'importe quel moment. 00:00:52.367 --> 00:00:55.300 Pour ceci, je fais "Affichage", puis "Barre d'outils" et "Personnaliser" 00:00:55.300 --> 00:00:58.333 Et je vais aller chercher le petit bouton Opquast Desktop 00:00:58.333 --> 00:01:01.300 que je peux positionner à différents endroits de mon interface. 00:01:01.300 --> 00:01:02.500 Alors, ça peut être ici. 00:01:02.500 --> 00:01:04.969 Moi, je le positionne en général là. 00:01:04.969 --> 00:01:07.033 Voilà ! 00:01:07.033 --> 00:01:09.428 Et voilà l'extension est prête à fonctionner. 00:01:09.428 --> 00:01:15.860 Je vais aller sur le site "Openweb.eu.org", que je vous conseille. 00:01:15.860 --> 00:01:21.038 Et puis, je vais lancer une analyse directement sur ce site. 00:01:21.038 --> 00:01:25.567 Alors là, l'analyse avait déjà été faite, je vais relancer l'analyse 00:01:25.567 --> 00:01:29.861 de manière à ce qu'on voit les tests actuels 00:01:29.861 --> 00:01:33.135 et la façon dont l'application renvoie les résultats. 00:01:33.135 --> 00:01:37.167 Et là, je vais récupérer les résultats de 450 tests. 00:01:37.167 --> 00:01:42.300 Ce qui va m'intéresser, c'est d'aller voir les tests non conformes. 00:01:42.300 --> 00:01:45.100 Il y a différentes checklists dans cette application. 00:01:45.100 --> 00:01:46.951 Par exemple, "Accessiweb", 00:01:46.951 --> 00:01:49.867 une liste "d'optimisation du référencement (SEO)", 00:01:49.867 --> 00:01:52.895 une liste de base en termes d'accessibilité, 00:01:52.895 --> 00:01:54.400 une liste "Qualité Web" 00:01:54.400 --> 00:01:56.030 Voilà, vous avez un certain nombre d'éléments. 00:01:56.030 --> 00:01:58.533 Alors par exemple, on va essayer d'aller voir les détails, 00:01:58.533 --> 00:02:03.762 pour se dire : "Quels sont les "alt" vides qui posent problème ?" 00:02:03.762 --> 00:02:05.527 Alors, je vais aller regarder. 00:02:05.527 --> 00:02:09.467 Il existe au moins un lien avec un contenu textuel 00:02:09.467 --> 00:02:13.074 et une image contenant un contenu alternatif vide. 00:02:13.074 --> 00:02:15.800 C'est un critère de base qui présente un risque. 00:02:15.800 --> 00:02:18.800 Si je veux voir l'élément concerné, je vais aller cliquer là dessus. 00:02:18.800 --> 00:02:24.267 Et là, l'outil va me mettre en évidence directement de quoi il retourne. 00:02:24.267 --> 00:02:28.967 Je vois directement dans le code, l'endroit qui peut poser problème. 00:02:28.967 --> 00:02:33.205 Je peux aussi demander à voir le HTML et là, je vois directement 00:02:33.205 --> 00:02:35.040 le HTML qui pose problème. 00:02:35.040 --> 00:02:40.167 Sachez que vous pouvez filtrer par checklists. 00:02:40.167 --> 00:02:43.167 Je vais choisir une checklist juste pour vous montrer, 00:02:43.167 --> 00:02:47.667 par exemple, uniquement les tests "Qualité web" et uniquement les tests conformes. 00:02:47.667 --> 00:02:50.597 Je peux aussi demander certaines thématiques, 00:02:50.597 --> 00:02:53.833 uniquement par exemple, ce qui va concerner le code. 00:02:53.833 --> 00:02:56.533 Je peux décider d'afficher certains éléments. 00:02:56.533 --> 00:02:58.236 Par exemple, j'ai les thématiques affichées. 00:02:58.236 --> 00:03:02.267 Je peux choisir les références du code ou, au contraire, aucune. 00:03:02.267 --> 00:03:07.300 Je vais revenir sur "toutes les checklists" ; je réaffiche tous les résultats. 00:03:07.300 --> 00:03:10.357 Je peux aussi faire une recherche sur les images. 00:03:10.357 --> 00:03:13.567 "Les dimensions réelles des images sont indiquées dans le code source" 00:03:13.567 --> 00:03:17.967 Là, je trouve quels sont les tests concernés. 00:03:17.967 --> 00:03:22.533 Je peux également, pour finir, exporter les résultats si je le souhaite... 00:03:22.533 --> 00:03:24.900 au format "csv" pour l'instant. 00:03:24.900 --> 00:03:32.254 Et puis, retrouver la page d'aide en cliquant sur le petit "?" qui se trouve ici. 00:03:32.254 --> 00:03:34.018 Voilà ! Amusez-vous bien ! 00:03:34.018 --> 00:03:35.133 Améliorez vos pages ! 00:03:35.133 --> 00:03:36.633 On espère que ça vous sera très utile. 00:03:36.633 --> 00:03:38.407 C'est gratuit, c'est "Open Source". 00:03:38.407 --> 00:03:41.533 Merci aussi si vous avez l'occasion de faire connaître, 00:03:41.533 --> 00:03:44.633 ou éventuellement de nous faire remonter des informations pour l'améliorer. 00:03:44.633 --> 00:03:45.907 A bientôt !