Return to Video

Opquast desktop

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

Présentation rapide d'Opquast desktop, une extension Open Source pour le navigateur Firefox qui permet de tester la qualité de vos pages web. Cette vidéo montre l'installation et l'usage de la version 0.2.1
https://addons.mozilla.org/fr/firefox/addon/opquast-desktop/
http://blog.temesis.com
http://www.opquast.com
more » « less
Video Language:
French
Yann added a translation

French (Canada) subtitles

Revisions

Our website uses cookies for analysis purposes.