1 00:00:00,000 --> 00:00:01,022 Bonjour ! 2 00:00:01,022 --> 00:00:03,088 Aujourd'hui je vais vous montrer comment installer 3 00:00:03,088 --> 00:00:05,967 et comment utiliser l'extension Opquast Desktop. 4 00:00:05,967 --> 00:00:10,033 Cette extension, c'est un outil qui va vous permettre d'analyser 5 00:00:10,033 --> 00:00:12,307 la qualité et l'accessibilité de vos pages. 6 00:00:12,307 --> 00:00:15,333 C'est une extension "Open Source" pour Firefox, 7 00:00:15,333 --> 00:00:18,867 qui a été publiée très récemment par la société TEMESIS. 8 00:00:18,867 --> 00:00:21,757 Alors pour l'installer, on va aller sur le site des add-ons de Mozilla. 9 00:00:21,757 --> 00:00:28,096 On va ajouter l'extension à Firefox. 10 00:00:28,096 --> 00:00:30,167 Le téléchargement est en cours. 11 00:00:30,167 --> 00:00:34,900 Je vais demander à Firefox d'installer l'extension. 12 00:00:34,900 --> 00:00:39,433 A ce moment là, une page s'ouvre 13 00:00:39,433 --> 00:00:42,609 et explique comment faire tourner l'extension 14 00:00:42,609 --> 00:00:44,373 et les différents crédits. 15 00:00:44,373 --> 00:00:49,551 Pour commencer, on va devoir installer le bouton de l'extension 16 00:00:49,551 --> 00:00:52,367 qui va nous permettre de déclencher les tests à n'importe quel moment. 17 00:00:52,367 --> 00:00:55,300 Pour ceci, je fais "Affichage", puis "Barre d'outils" et "Personnaliser" 18 00:00:55,300 --> 00:00:58,333 Et je vais aller chercher le petit bouton Opquast Desktop 19 00:00:58,333 --> 00:01:01,300 que je peux positionner à différents endroits de mon interface. 20 00:01:01,300 --> 00:01:02,500 Alors, ça peut être ici. 21 00:01:02,500 --> 00:01:04,969 Moi, je le positionne en général là. 22 00:01:04,969 --> 00:01:07,033 Voilà ! 23 00:01:07,033 --> 00:01:09,428 Et voilà l'extension est prête à fonctionner. 24 00:01:09,428 --> 00:01:15,860 Je vais aller sur le site "Openweb.eu.org", que je vous conseille. 25 00:01:15,860 --> 00:01:21,038 Et puis, je vais lancer une analyse directement sur ce site. 26 00:01:21,038 --> 00:01:25,567 Alors là, l'analyse avait déjà été faite, je vais relancer l'analyse 27 00:01:25,567 --> 00:01:29,861 de manière à ce qu'on voit les tests actuels 28 00:01:29,861 --> 00:01:33,135 et la façon dont l'application renvoie les résultats. 29 00:01:33,135 --> 00:01:37,167 Et là, je vais récupérer les résultats de 450 tests. 30 00:01:37,167 --> 00:01:42,300 Ce qui va m'intéresser, c'est d'aller voir les tests non conformes. 31 00:01:42,300 --> 00:01:45,100 Il y a différentes checklists dans cette application. 32 00:01:45,100 --> 00:01:46,951 Par exemple, "Accessiweb", 33 00:01:46,951 --> 00:01:49,867 une liste "d'optimisation du référencement (SEO)", 34 00:01:49,867 --> 00:01:52,895 une liste de base en termes d'accessibilité, 35 00:01:52,895 --> 00:01:54,400 une liste "Qualité Web" 36 00:01:54,400 --> 00:01:56,030 Voilà, vous avez un certain nombre d'éléments. 37 00:01:56,030 --> 00:01:58,533 Alors par exemple, on va essayer d'aller voir les détails, 38 00:01:58,533 --> 00:02:03,762 pour se dire : "Quels sont les "alt" vides qui posent problème ?" 39 00:02:03,762 --> 00:02:05,527 Alors, je vais aller regarder. 40 00:02:05,527 --> 00:02:09,467 Il existe au moins un lien avec un contenu textuel 41 00:02:09,467 --> 00:02:13,074 et une image contenant un contenu alternatif vide. 42 00:02:13,074 --> 00:02:15,800 C'est un critère de base qui présente un risque. 43 00:02:15,800 --> 00:02:18,800 Si je veux voir l'élément concerné, je vais aller cliquer là dessus. 44 00:02:18,800 --> 00:02:24,267 Et là, l'outil va me mettre en évidence directement de quoi il retourne. 45 00:02:24,267 --> 00:02:28,967 Je vois directement dans le code, l'endroit qui peut poser problème. 46 00:02:28,967 --> 00:02:33,205 Je peux aussi demander à voir le HTML et là, je vois directement 47 00:02:33,205 --> 00:02:35,040 le HTML qui pose problème. 48 00:02:35,040 --> 00:02:40,167 Sachez que vous pouvez filtrer par checklists. 49 00:02:40,167 --> 00:02:43,167 Je vais choisir une checklist juste pour vous montrer, 50 00:02:43,167 --> 00:02:47,667 par exemple, uniquement les tests "Qualité web" et uniquement les tests conformes. 51 00:02:47,667 --> 00:02:50,597 Je peux aussi demander certaines thématiques, 52 00:02:50,597 --> 00:02:53,833 uniquement par exemple, ce qui va concerner le code. 53 00:02:53,833 --> 00:02:56,533 Je peux décider d'afficher certains éléments. 54 00:02:56,533 --> 00:02:58,236 Par exemple, j'ai les thématiques affichées. 55 00:02:58,236 --> 00:03:02,267 Je peux choisir les références du code ou, au contraire, aucune. 56 00:03:02,267 --> 00:03:07,300 Je vais revenir sur "toutes les checklists" ; je réaffiche tous les résultats. 57 00:03:07,300 --> 00:03:10,357 Je peux aussi faire une recherche sur les images. 58 00:03:10,357 --> 00:03:13,567 "Les dimensions réelles des images sont indiquées dans le code source" 59 00:03:13,567 --> 00:03:17,967 Là, je trouve quels sont les tests concernés. 60 00:03:17,967 --> 00:03:22,533 Je peux également, pour finir, exporter les résultats si je le souhaite... 61 00:03:22,533 --> 00:03:24,900 au format "csv" pour l'instant. 62 00:03:24,900 --> 00:03:32,254 Et puis, retrouver la page d'aide en cliquant sur le petit "?" qui se trouve ici. 63 00:03:32,254 --> 00:03:34,018 Voilà ! Amusez-vous bien ! 64 00:03:34,018 --> 00:03:35,133 Améliorez vos pages ! 65 00:03:35,133 --> 00:03:36,633 On espère que ça vous sera très utile. 66 00:03:36,633 --> 00:03:38,407 C'est gratuit, c'est "Open Source". 67 00:03:38,407 --> 00:03:41,533 Merci aussi si vous avez l'occasion de faire connaître, 68 00:03:41,533 --> 00:03:44,633 ou éventuellement de nous faire remonter des informations pour l'améliorer. 69 00:03:44,633 --> 00:03:45,907 A bientôt !