Utiliser l'extension Chrome
L'extension analyse la page affichée dans votre navigateur, avec votre session : espaces connectés, intranets, préproduction et sites protégés contre les robots compris. Elle s'ouvre dans un panneau latéral, à côté de la page.
Mis à jour le
Installer l'extension
- Ouvrez la fiche Accessia du Chrome Web Store (nouvelle fenêtre).
- Cliquez sur « Ajouter à Chrome », puis confirmez.
- Épinglez l'icône : menu en forme de pièce de puzzle de la barre d'outils, puis l'épingle à côté d'Accessia.
Analyser une page
- Allez sur la page à auditer. Si elle était ouverte avant l'installation, rechargez-la.
- Cliquez sur l'icône Accessia : le panneau latéral s'ouvre.
- Dans le Vérificateur d'accessibilité, cliquez sur « Analyser la page ».
- Filtrez les résultats avec « Tout », « Erreurs », « À vérifier » ou « Réussis ». Cliquez sur un constat pour surligner l'élément dans la page et lire la correction proposée.
« Capture annotée de l'écran (PNG) » enregistre une image de la page avec les erreurs repérées, pratique pour un ticket ou une présentation.
Tester en tablette ou en mobile
En haut du panneau, le sélecteur Appareil analysé propose « Ordinateur », « Tablette » (768 px) et « Mobile » (375 px). En tablette ou mobile, la page s'affiche dans un aperçu à la largeur choisie, comme le mode appareil de Chrome, et tous les modules analysent cet aperçu. Les menus repliés, éléments masqués ou boutons trop petits propres à un affichage sont donc détectés.
Si vous cliquez sur un élément présent dans le code mais masqué à cette largeur, l'extension vous le signale au lieu de surligner une zone vide.
Les modules
Depuis l'accueil du panneau, chaque module vérifie un aspect précis :
| Module | Ce qu'il fait |
|---|---|
| Vérificateur d'accessibilité | Analyse automatique complète de la page, constats rattachés au RGAA avec correctifs. |
| Conformité RGAA (106 critères) | « Évaluer les 106 critères » : grille complète avec les statuts « Non concernés », « À évaluer », « Sans erreur »… |
| Rapport de site | Assemble plusieurs pages en un rapport (voir ci-dessous). |
| Titres | Plan des titres de la page et sauts de niveau (RGAA 9.1). |
| Images et alternatives | Chaque image avec son alternative, pour juger de sa pertinence (RGAA 1.2, RGAA 1.3). |
| Ordre de tabulation | Numérote le parcours au clavier sur la page (RGAA 12.8). |
| Zones et repères | Affiche en-tête, navigation, contenu principal et pied de page (RGAA 12.6). |
| Lecteur d'écran | « Démarrer la lecture interactive » : lit la page dans l'ordre où un lecteur d'écran la restituerait. |
| Simulation des troubles | Applique des filtres à la page : couleurs, vision, dyslexie, motricité (voir ci-dessous). |
| Taille des cibles | « Mesurer les cibles » : boutons et liens trop petits ou trop rapprochés (WCAG 2.5.8, 24 × 24 px). |
| Défilement horizontal | « Tester à 320 px » : vérifie qu'aucun contenu n'oblige à défiler horizontalement (RGAA 10.11). Variante : zoomer l'onglet à 400 %. |
| Contraste et pipette | Mesure le contraste entre deux couleurs prélevées sur la page avec la « Pipette » (RGAA 3.2, RGAA 3.3). |
Simuler des troubles
Le module Simulation des troubles propose quatre familles d'effets, à combiner :
- Couleurs : les différentes formes de daltonisme.
- Vision : vision floue, perte de contraste, champ visuel réduit, perte de vision centrale (la tache suit votre souris), éblouissement, jaunissement, vision double.
- Dyslexie : une part réglable des mots voit ses lettres mélangées.
- Motricité : clavier seul (la souris est désactivée sur la page) ou tremblements (chaque clic est décalé au hasard).
« Vérifier cette page » liste les problèmes que le trouble choisi rend visibles (couleurs indiscernables, textes trop petits…). « Rétablir l'affichage normal » retire tous les effets.
Constituer un rapport de site
- Ouvrez le module Rapport de site (multi-pages).
- Sur chaque page de votre échantillon, cliquez sur « Ajouter cette page au rapport ». Vous pouvez ajouter la même page en ordinateur puis en mobile : chaque ajout garde son appareil.
- Cliquez sur « Ouvrir le rapport agrégé » : le rapport s'ouvre dans l'application, avec le détail par page et par appareil.
- Pour repartir de zéro, utilisez « Vider la sélection » ; « Nouveau rapport (nouveau lien) » crée un rapport distinct au lieu de mettre à jour le précédent.
Pas besoin d'offre Pro
Pour interpréter le rapport obtenu, voir Lire un rapport.
Questions fréquentes
L'extension envoie-t-elle mes pages à Accessia ?
Non. L'analyse se fait localement, dans votre navigateur. Rien n'est envoyé tant que vous ne cliquez pas sur « Ouvrir le rapport agrégé » : seuls les constats d'accessibilité (et les extraits de code concernés) partent alors vers l'application pour produire le rapport.
Le panneau affiche une erreur ou reste vide sur une page déjà ouverte.
Rechargez la page : l'extension ne peut pas analyser un onglet ouvert avant son installation. Certaines pages restent inaccessibles à toute extension (pages internes de Chrome, Chrome Web Store, visionneuse PDF intégrée).
Fonctionne-t-elle avec Microsoft Edge ?
Oui. Edge accepte les extensions du Chrome Web Store : ouvrez la fiche dans Edge et cliquez sur « Obtenir », après avoir autorisé les extensions d'autres magasins si Edge le demande.
À quoi servent les statistiques d'usage ?
À savoir quels modules sont utilisés pour améliorer l'outil. Elles ne sont envoyées que si vous répondez « Oui, partager », sont anonymes et ne contiennent jamais l'adresse ni le contenu des pages. Vous pouvez les désactiver à tout moment en bas du panneau.