Bonjour !
Aujourd'hui je vais vous montrer comment installer
et comment utiliser l'extension Opquast Desktop.
Cette extension, c'est un outil qui va vous permettre d'analyser
la qualité et l'accessibilité de vos pages.
C'est une extension "Open Source" pour Firefox,
qui a été publiée très récemment par la société TEMESIS.
Alors pour l'installer, on va aller sur le site des add-ons de Mozilla.
On va ajouter l'extension à Firefox.
Le téléchargement est en cours.
Je vais demander à Firefox d'installer l'extension.
A ce moment là, une page s'ouvre
et explique comment faire tourner l'extension
et les différents crédits.
Pour commencer, on va devoir installer le bouton de l'extension
qui va nous permettre de déclencher les tests à n'importe quel moment.
Pour ceci, je fais "Affichage", puis "Barre d'outils" et "Personnaliser"
Et je vais aller chercher le petit bouton Opquast Desktop
que je peux positionner à différents endroits de mon interface.
Alors, ça peut être ici.
Moi, je le positionne en général là.
Voilà !
Et voilà l'extension est prête à fonctionner.
Je vais aller sur le site "Openweb.eu.org", que je vous conseille.
Et puis, je vais lancer une analyse directement sur ce site.
Alors là, l'analyse avait déjà été faite, je vais relancer l'analyse
de manière à ce qu'on voit les tests actuels
et la façon dont l'application renvoie les résultats.
Et là, je vais récupérer les résultats de 450 tests.
Ce qui va m'intéresser, c'est d'aller voir les tests non conformes.
Il y a différentes checklists dans cette application.
Par exemple, "Accessiweb",
une liste "d'optimisation du référencement (SEO)",
une liste de base en termes d'accessibilité,
une liste "Qualité Web"
Voilà, vous avez un certain nombre d'éléments.
Alors par exemple, on va essayer d'aller voir les détails,
pour se dire : "Quels sont les "alt" vides qui posent problème ?"
Alors, je vais aller regarder.
Il existe au moins un lien avec un contenu textuel
et une image contenant un contenu alternatif vide.
C'est un critère de base qui présente un risque.
Si je veux voir l'élément concerné, je vais aller cliquer là dessus.
Et là, l'outil va me mettre en évidence directement de quoi il retourne.
Je vois directement dans le code, l'endroit qui peut poser problème.
Je peux aussi demander à voir le HTML et là, je vois directement
le HTML qui pose problème.
Sachez que vous pouvez filtrer par checklists.
Je vais choisir une checklist juste pour vous montrer,
par exemple, uniquement les tests "Qualité web" et uniquement les tests conformes.
Je peux aussi demander certaines thématiques,
uniquement par exemple, ce qui va concerner le code.
Je peux décider d'afficher certains éléments.
Par exemple, j'ai les thématiques affichées.
Je peux choisir les références du code ou, au contraire, aucune.
Je vais revenir sur "toutes les checklists" ; je réaffiche tous les résultats.
Je peux aussi faire une recherche sur les images.
"Les dimensions réelles des images sont indiquées dans le code source"
Là, je trouve quels sont les tests concernés.
Je peux également, pour finir, exporter les résultats si je le souhaite...
au format "csv" pour l'instant.
Et puis, retrouver la page d'aide en cliquant sur le petit "?" qui se trouve ici.
Voilà ! Amusez-vous bien !
Améliorez vos pages !
On espère que ça vous sera très utile.
C'est gratuit, c'est "Open Source".
Merci aussi si vous avez l'occasion de faire connaître,
ou éventuellement de nous faire remonter des informations pour l'améliorer.
A bientôt !