Différences entre versions de « RGAA analyser son site »

De WIKI-BOKEH
Aller à : navigation, rechercher
(10 versions intermédiaires par 2 utilisateurs non affichées)
Ligne 3 : Ligne 3 :
 
Différents outils en ligne permettent d'analyser un site ou des pages afin de vérifier leur conformité avec le référentiel RGAA.
 
Différents outils en ligne permettent d'analyser un site ou des pages afin de vérifier leur conformité avec le référentiel RGAA.
  
Nous proposons ici d'utiliser l'extension Firefox : Opquast Desktop.
+
Nous proposons ici d'utiliser le site https://app.asqatasun.org.  
  
=== Installer le plugin ===
+
===Connexion===
 +
Cliquez sur "Se connecter" avec le compte pré-enregistré :
  
Dans le navigateur Firefox, aller à l'url https://addons.mozilla.org/fr/firefox/addon/opquast-desktop/
+
[[File:asqatasun1.png]]
  
[[File:plugin_opquast.jpg]]
+
=== Analyser les pages ===
 +
Cliquez ensuite sur l'icône permettant l'audit des pages :
  
Télécharger et installer le plugin. Il n'y a pas besoin de redémarrer Firefox à l'issue de l'installation.
+
[[File:asqatasun2.png]]
  
Une fois installé, il est accessible via son icône dans la barre des extensions Firefox :  
+
Collez les URL des pages à analyser (vous pouvez ajouter autant de pages que désiré), puis cliquez sur "Lancer l'audit" :
  
[[File:opquast_icone.jpg]]
+
[[File:asqatasun3.png]]
  
=== Configurer le plugin ===
+
Vous aurez alors accès à la liste des pages auditées, avec leur score :
  
Ouvrir le plugin en cliquant sur l'icône.
+
[[File:asqatasun4.png]]
  
Dans la fenêtre du plugin qui apparaît dans le bas de la page, ouvrir la page de configuration en cliquant à droite sur l'icône outils :
+
=== Consulter le résultat de l'analyse ===
  
[[File:opquast_acces_conf.jpg]]
+
Cliquez sur l'URL d'une page pour obtenir le détail de l'analyse. Le détail des tests est consultable en bas de page, dans des blocs à déplier. Il est possible de l'exporter au format ODS, CSV, PDF :
  
La page de configuration s'ouvre dans un autre onglet. Dans cette page, décocher ce qui est coché et choisir :  RGAA - Référentiel en France (fr) dans la partie Évaluer l'accessibilité
+
[[File:asqatasun5.png]]
 
 
[[File:opquast_config.jpg]]
 
 
 
 
 
=== Analyser une page ===
 
 
 
Se positionner sur la page à analyser : page d'accueil du site, résultat de recherche, affichage de notice, autre page...
 
 
 
Ouvrir le plugin à l'aide de l'icône dans la barre des extensions de Firefox
 
 
 
Lancer l'analyse
 
 
 
L'analyse prend quelques secondes et affiche le résultat dans la fenêtre du plugin en bas de page.
 
 
 
Un score total est affiché : 
 
 
 
[[File:opquast_score.jpg]]
 
 
 
Cliquer sur les liens verts ou rouges affiche la liste des points conformes ou non selon le choix effectué. L'onglet Résultats affiche la totalité des points testés et leur résultat.
 
 
 
[[File:opquast_liste.jpg]]
 
 
 
Pour chaque ligne, cliquer sur le titre permet de voir le détail du test, ce qui n'est pas conforme, ainsi que l'élément de la page concerné.
 
 
 
[[File:opquast_detail.jpg]]
 
 
 
[[File:opquast_detail2.jpg]]
 
 
 
Si l'extension Firebug est installée dans Firefox, cliquer sur les liens des éléments non conformes ouvre Firebug et permet de repérer dans le code les endroits à modifier.
 
 
 
[[File:opquast_firebug.jpg]]
 
 
 
=== Exporter le résultat de l'analyse ===
 
 
 
Le résultat peut être exporté dans un fichier csv :
 
 
 
[[File:opquast_export.jpg]]
 
  
  
Ligne 73 : Ligne 38 :
 
Ne pas oublier les bonnes pratiques de rédaction pour [[RGAA|améliorer l'accessibilité]]
 
Ne pas oublier les bonnes pratiques de rédaction pour [[RGAA|améliorer l'accessibilité]]
  
[[Catégorie:Intégration_graphique]]
+
=== Voir aussi ===
 +
 
 +
Le site http://wave.webaim.org/ permet de visualiser, directement sur la page, les erreurs.
 +
 
 +
 
 
[[Catégorie:RGAA]]
 
[[Catégorie:RGAA]]

Version du 13 mars 2019 à 16:13

Conformité RGAA : faire l'analyse de son site[ ]

Différents outils en ligne permettent d'analyser un site ou des pages afin de vérifier leur conformité avec le référentiel RGAA.

Nous proposons ici d'utiliser le site https://app.asqatasun.org.

Connexion[ ]

Cliquez sur "Se connecter" avec le compte pré-enregistré :

Asqatasun1.png

Analyser les pages[ ]

Cliquez ensuite sur l'icône permettant l'audit des pages :

Asqatasun2.png

Collez les URL des pages à analyser (vous pouvez ajouter autant de pages que désiré), puis cliquez sur "Lancer l'audit" :

Asqatasun3.png

Vous aurez alors accès à la liste des pages auditées, avec leur score :

Asqatasun4.png

Consulter le résultat de l'analyse[ ]

Cliquez sur l'URL d'une page pour obtenir le détail de l'analyse. Le détail des tests est consultable en bas de page, dans des blocs à déplier. Il est possible de l'exporter au format ODS, CSV, PDF :

Asqatasun5.png


Et après ?[ ]

La correction des éléments non conformes liés à la structure propre de Bokeh pourra être prise en charge par l'équipe de développement.

Il est possible que des non conformités proviennent des choix faits pour la charte graphique.

Ne pas oublier les bonnes pratiques de rédaction pour améliorer l'accessibilité

Voir aussi[ ]

Le site http://wave.webaim.org/ permet de visualiser, directement sur la page, les erreurs.