0:00:00.000,0:00:01.022
Bonjour !

0:00:01.022,0:00:03.088
Aujourd'hui je vais vous montrer comment installer

0:00:03.088,0:00:05.967
et comment utiliser l'extension Opquast Desktop.

0:00:05.967,0:00:10.033
Cette extension, c'est un outil qui va vous permettre d'analyser

0:00:10.033,0:00:12.307
la qualité et l'accessibilité de vos pages.

0:00:12.307,0:00:15.333
C'est une extension "Open Source" pour Firefox,

0:00:15.333,0:00:18.867
qui a été publiée très récemment par la société TEMESIS.

0:00:18.867,0:00:21.757
Alors pour l'installer, on va aller sur le site des add-ons de Mozilla.

0:00:21.757,0:00:28.096
On va ajouter l'extension à Firefox.

0:00:28.096,0:00:30.167
Le téléchargement est en cours.

0:00:30.167,0:00:34.900
Je vais demander à Firefox d'installer l'extension.

0:00:34.900,0:00:39.433
A ce moment là, une page s'ouvre

0:00:39.433,0:00:42.609
et explique comment faire tourner l'extension

0:00:42.609,0:00:44.373
et les différents crédits.

0:00:44.373,0:00:49.551
Pour commencer, on va devoir installer le bouton de l'extension

0:00:49.551,0:00:52.367
qui va nous permettre de déclencher les tests à n'importe quel moment.

0:00:52.367,0:00:55.300
Pour ceci, je fais "Affichage", puis "Barre d'outils" et "Personnaliser"

0:00:55.300,0:00:58.333
Et je vais aller chercher le petit bouton Opquast Desktop

0:00:58.333,0:01:01.300
que je peux positionner à différents endroits de mon interface.

0:01:01.300,0:01:02.500
Alors, ça peut être ici.

0:01:02.500,0:01:04.969
Moi, je le positionne en général là.

0:01:04.969,0:01:07.033
Voilà !

0:01:07.033,0:01:09.428
Et voilà l'extension est prête à fonctionner.

0:01:09.428,0:01:15.860
Je vais aller sur le site "Openweb.eu.org", que je vous conseille.

0:01:15.860,0:01:21.038
Et puis, je vais lancer une analyse directement sur ce site.

0:01:21.038,0:01:25.567
Alors là, l'analyse avait déjà été faite, je vais relancer l'analyse

0:01:25.567,0:01:29.861
de manière à ce qu'on voit les tests actuels

0:01:29.861,0:01:33.135
et la façon dont l'application renvoie les résultats.

0:01:33.135,0:01:37.167
Et là, je vais récupérer les résultats de 450 tests.

0:01:37.167,0:01:42.300
Ce qui va m'intéresser, c'est d'aller voir les tests non conformes.

0:01:42.300,0:01:45.100
Il y a différentes checklists dans cette application.

0:01:45.100,0:01:46.951
Par exemple, "Accessiweb",

0:01:46.951,0:01:49.867
une liste "d'optimisation du référencement (SEO)",

0:01:49.867,0:01:52.895
une liste de base en termes d'accessibilité,

0:01:52.895,0:01:54.400
une liste "Qualité Web"

0:01:54.400,0:01:56.030
Voilà, vous avez un certain nombre d'éléments.

0:01:56.030,0:01:58.533
Alors par exemple, on va essayer d'aller voir les détails,

0:01:58.533,0:02:03.762
pour se dire : "Quels sont les "alt" vides qui posent problème ?"

0:02:03.762,0:02:05.527
Alors, je vais aller regarder.

0:02:05.527,0:02:09.467
Il existe au moins un lien avec un contenu textuel

0:02:09.467,0:02:13.074
et une image contenant un contenu alternatif vide.

0:02:13.074,0:02:15.800
C'est un critère de base qui présente un risque.

0:02:15.800,0:02:18.800
Si je veux voir l'élément concerné, je vais aller cliquer là dessus.

0:02:18.800,0:02:24.267
Et là, l'outil va me mettre en évidence directement de quoi il retourne.

0:02:24.267,0:02:28.967
Je vois directement dans le code, l'endroit qui peut poser problème.

0:02:28.967,0:02:33.205
Je peux aussi demander à voir le HTML et là, je vois directement

0:02:33.205,0:02:35.040
le HTML qui pose problème.

0:02:35.040,0:02:40.167
Sachez que vous pouvez filtrer par checklists.

0:02:40.167,0:02:43.167
Je vais choisir une checklist juste pour vous montrer,

0:02:43.167,0:02:47.667
par exemple, uniquement les tests "Qualité web" et uniquement les tests conformes.

0:02:47.667,0:02:50.597
Je peux aussi demander certaines thématiques,

0:02:50.597,0:02:53.833
uniquement par exemple, ce qui va concerner le code.

0:02:53.833,0:02:56.533
Je peux décider d'afficher certains éléments.

0:02:56.533,0:02:58.236
Par exemple, j'ai les thématiques affichées.

0:02:58.236,0:03:02.267
Je peux choisir les références du code ou, au contraire, aucune.

0:03:02.267,0:03:07.300
Je vais revenir sur "toutes les checklists" ; je réaffiche tous les résultats.

0:03:07.300,0:03:10.357
Je peux aussi faire une recherche sur les images.

0:03:10.357,0:03:13.567
"Les dimensions réelles des images sont indiquées dans le code source"

0:03:13.567,0:03:17.967
Là, je trouve quels sont les tests concernés.

0:03:17.967,0:03:22.533
Je peux également, pour finir, exporter les résultats si je le souhaite...

0:03:22.533,0:03:24.900
au format "csv" pour l'instant.

0:03:24.900,0:03:32.254
Et puis, retrouver la page d'aide en cliquant sur le petit "?" qui se trouve ici.

0:03:32.254,0:03:34.018
Voilà ! Amusez-vous bien !

0:03:34.018,0:03:35.133
Améliorez vos pages !

0:03:35.133,0:03:36.633
On espère que ça vous sera très utile.

0:03:36.633,0:03:38.407
C'est gratuit, c'est "Open Source".

0:03:38.407,0:03:41.533
Merci aussi si vous avez l'occasion de faire connaître,

0:03:41.533,0:03:44.633
ou éventuellement de nous faire remonter des informations pour l'améliorer.

0:03:44.633,0:03:45.907
A bientôt !