JH A11y tools

Vérifiez l’accessibilité web dans Chrome : zoom, redistribution, noms accessibles, cibles, focus et titres.

JH A11y tools rassemble des actions rapides pour vérifier des comportements essentiels directement dans le navigateur. Superpositions, filtres et listes rendent les problèmes courants visibles, sans remplacer un audit manuel ni le jugement professionnel.

LanguesEspagnol et anglais

Installer dans Chrome

Fonctions principales

L’essentiel,
en un coup d’œil.

  1. Noms accessibles

    01Noms accessiblesAffichez le nom calculé de chaque commande, sa source et les cas à vérifier.

    Activez la vérification pour identifier directement sur la page le nom que les technologies d’assistance peuvent trouver pour les boutons, liens et champs.

    Les résultats distinguent la source du nom et signalent les éléments sans nom, les noms faibles ou les doublons possibles. La liste aide à examiner l’ensemble et à localiser chaque élément. Si vous n’utilisez pas cette vérification, vous pouvez masquer son bloc dans les réglages.

    Le nom affiché est un calcul d’aide : comparez-le au comportement réel et au contexte dans lequel la commande apparaît.

    Superposition des noms accessibles sur les commandes d’une page de test
    La superposition indique le nom calculé et sa source à côté de chaque commande.
    Résultats des noms accessibles organisés dans le panneau JH A11y tools
    La liste rassemble les résultats pour les examiner sans parcourir chaque étiquette de la page.
  2. Cibles AA et AAA

    02Cibles AA et AAAMesurez la zone réellement utilisable et séparez les réussites, avertissements, échecs et exceptions à vérifier.

    Choisissez le critère WCAG 2.2 dans les réglages : critère 2.5.8 de niveau AA à 24 × 24 px CSS ou critère 2.5.5 de niveau AAA à 44 × 44 px CSS. Comme les autres blocs, Cibles peut être replié ou entièrement masqué.

    L’outil mesure la zone utilisable et classe les commandes en réussite, avertissement, échec ou exemption. Il fournit aussi du contexte sur l’espacement, les coupures, les changements de taille et les calques susceptibles de bloquer l’interaction.

    Un avertissement ou une exception ne prouve pas à lui seul la conformité. Vérifiez manuellement l’espacement disponible, les commandes équivalentes et le contexte d’utilisation.

    Mesure de la taille des cibles sur les éléments interactifs d’une page de test
    Chaque indicateur affiche la zone réellement utilisable et le résultat pour le critère choisi.
    Liste des résultats de taille de cible avec filtres d’état
    La liste distingue les réussites, avertissements, échecs et cas exemptés.
    Réglages du critère de cible et du traitement strict des exceptions
    Cibles permet de choisir AA ou AAA et de décider si certaines exceptions détectables doivent être traitées comme des échecs.
  3. Ordre du focus

    03Ordre du focusReprésentez la séquence de tabulation et repérez les sauts, priorités et problèmes de contexte.

    La numérotation montre l’ordre dans lequel Tab visite les éléments interactifs. Des flèches facultatives facilitent le suivi des sauts entre des zones éloignées.

    La vérification signale les valeurs tabindex positives, les éléments repliés ou masqués et d’autres risques susceptibles de modifier la navigation au clavier. Son bloc peut être replié dans le panneau ou entièrement masqué dans les réglages.

    Lorsqu’une fenêtre modale est active, l’analyse est limitée et renumérotée dans ce contexte. Observer Tab et Maj+Tab aide à vérifier que le focus reste là où il doit être.

    La liste rassemble la séquence et ses diagnostics, mais ne remplace pas une navigation réelle au clavier.

    Ordre de tabulation numéroté sur une page de test
    La numérotation rend visible la séquence de tabulation directement sur la page.
    Séquence de focus représentée par des numéros et des flèches
    Les flèches facilitent le suivi des sauts entre des commandes éloignées.
    Analyse de l’ordre du focus limitée à l’intérieur d’une boîte de dialogue modale
    Lorsqu’une fenêtre modale est active, l’analyse affiche son contexte et la séquence observée à l’intérieur.
    Résultats de l’ordre du focus dans le panneau JH A11y tools
    La liste rassemble la séquence et les diagnostics de chaque élément.
  4. Ordre et hiérarchie des titres

    04Ordre et hiérarchie des titresExaminez les éléments H1 à H6 et role=heading dans leur contexte visuel et dans une carte hiérarchique repliable.

    La superposition numérote les titres selon leur position dans le document et indique les niveaux natifs ou définis par role=heading.

    La carte du panneau aide à examiner les branches, les niveaux sautés, les titres masqués aux technologies d’assistance et les détails techniques de l’élément sélectionné. Son bloc peut aussi être replié ou masqué dans les réglages.

    L’outil facilite le repérage des structures suspectes ; décider si la hiérarchie communique correctement le contenu demande toujours d’examiner la page et son sens.

    Niveaux et ordre des titres signalés sur une page de test
    La superposition numérote les éléments H1 à H6 et role=heading dans l’ordre du document.
    Carte hiérarchique des titres dans le panneau JH A11y tools
    La carte offre une vue compacte des niveaux, branches, états et détails techniques.
  5. Zoom du texte à 200 %

    05Zoom du texte à 200 %Agrandissez uniquement le texte selon trois modes pour vérifier la réaction de l’interface.

    HTML 200 % augmente la taille de base du document. Calculé ×2 double les tailles de texte calculées, tandis que Calculé forcé ×2 tente d’appliquer le même changement face aux règles CSS résistantes. Les réglages permettent de n’afficher que les variantes utiles.

    Les trois modes comparent différentes mises en œuvre sans agrandir toute la page. Vérifiez que le texte n’est ni coupé, ni superposé, ni perdu et que les commandes restent utilisables.

    Désactivez le mode appliqué pour retrouver la présentation d’origine avant d’essayer une autre variante.

    Page de test avec le texte HTML agrandi à 200 %
    HTML 200 % augmente la taille de base du texte du document.
    Page de test avec les tailles de texte calculées doublées
    Calculé ×2 double les tailles de texte calculées par le navigateur.
    Page de test avec agrandissement forcé des tailles de texte calculées
    Calculé forcé ×2 applique le doublement même face à des règles CSS résistantes.
  6. Espacement du texte WCAG 1.4.12

    06Espacement du texte WCAG 1.4.12Appliquez temporairement l’espacement de référence pour vérifier que le contenu reste lisible et utilisable.

    Le test modifie la hauteur de ligne et l’espacement après les paragraphes, entre les lettres et entre les mots selon les valeurs de WCAG 1.4.12.

    Surveillez particulièrement les textes coupés, les chevauchements, les commandes qui grandissent sans assez de place et les contenus qui deviennent indisponibles. Désactivez l’action pour revenir à l’état initial, ou masquez ce bloc dans les réglages.

    Page de test avec l’espacement du texte WCAG 1.4.12 appliqué
    L’espacement est appliqué temporairement pour révéler les coupures, chevauchements ou pertes de contenu.
  7. Redistribution et zoom à 400 %

    07Redistribution et zoom à 400 %Testez la redistribution avec le zoom dans la fenêtre actuelle ou à partir d’une référence de 1280 pixels.

    Les modes 200 % et 400 % appliquent le zoom du navigateur à la fenêtre actuelle. Les options 1280 + 200 % et 1280 + 400 % préparent une référence reproductible avant le zoom. Les réglages peuvent masquer le bloc complet ou chacune des quatre actions.

    Recherchez le défilement dans deux dimensions, les contenus perdus et les actions devenues indisponibles.

    Les actions qui modifient la fenêtre sont commandées depuis la fenêtre contextuelle d’origine de l’extension. Une fois terminé, utilisez la même action pour restaurer la page.

    Page de test agrandie à 400 % dans la fenêtre actuelle
    Le mode 400 % vérifie la redistribution dans la fenêtre que vous utilisez déjà.
    Test de redistribution équivalent à 1280 pixels avec un zoom de 400 %
    Le test 1280 + 400 % prépare une référence reproductible pour examiner la redistribution.
  8. Fenêtres mobiles et tablettes

    08Fenêtres mobiles et tablettesBasculez temporairement la fenêtre entre quatre tailles pour examiner la réaction de la page.

    Les préréglages sont 320 × 568 pour un mobile vertical, 568 × 320 pour un mobile horizontal, 768 × 1024 pour une tablette verticale et 1024 × 768 pour une tablette horizontale. Vous pouvez masquer le bloc complet ou chaque préréglage dans les réglages.

    Utilisez-les pour vérifier la redistribution, les commandes inaccessibles et les contenus dépendant d’une orientation. L’extension recherche aussi les débordements ou défilements horizontaux possibles : si elle en détecte, elle signale l’erreur, encadre la fenêtre en rouge et ajoute un avertissement au préréglage actif.

    Les fenêtres sont activées depuis la fenêtre contextuelle d’origine et une seule session peut rester active. Restaurez-la avant de lancer un autre test ou de changer la présentation du panneau.

    Page de test dans une fenêtre mobile verticale de 320 par 568 pixels, encadrée en rouge en cas de débordement horizontal
    Le préréglage mobile vertical utilise une fenêtre de 320 × 568.
    Page de test dans une fenêtre mobile horizontale de 568 par 320 pixels, encadrée en rouge en cas de débordement horizontal
    Le préréglage mobile horizontal 568 × 320 permet de vérifier une hauteur particulièrement limitée.
    Page de test dans une fenêtre de tablette verticale de 768 par 1024 pixels, encadrée en rouge en cas de débordement horizontal
    Le préréglage tablette verticale utilise une fenêtre de 768 × 1024.
    Page de test dans une fenêtre de tablette horizontale de 1024 par 768 pixels, encadrée en rouge en cas de débordement horizontal
    Le préréglage tablette horizontale utilise 1024 × 768 et complète la vérification des orientations.
  9. Panneau et réglages flexibles

    09Panneau et réglages flexiblesAdaptez le panneau à chaque vérification : repliez des blocs, masquez des outils et choisissez les actions disponibles.

    Chaque bloc fonctionnel peut être replié depuis son en-tête pour ne laisser visible que son titre et donner plus de place aux vérifications en cours.

    Les réglages peuvent masquer entièrement chacun des huit blocs. Pour le zoom du texte, la redistribution et les fenêtres, vous pouvez aussi choisir les actions individuelles à afficher.

    Les réglages permettent aussi de changer de langue, de sélectionner le critère de cible et d’appliquer une politique plus stricte à certaines exceptions détectables.

    La même interface peut apparaître dans la fenêtre contextuelle d’origine, dans un panneau flottant ou ancrée d’un côté ou de l’autre. Le zoom natif et les fenêtres démarrent depuis la fenêtre contextuelle pour ne pas agrandir le panneau lui-même.

    Réglages des blocs visibles et des sous-options dans JH A11y tools
    Les commandes principales masquent des blocs complets ; les commandes imbriquées choisissent les actions visibles de zoom, redistribution et fenêtre.
    Panneau JH A11y tools après masquage de blocs et d’actions dans les réglages
    Le panneau reflète la sélection : les blocs masqués disparaissent et seules les actions choisies de zoom, redistribution et fenêtre restent visibles.
    Réglages du critère de cible et du traitement strict des exceptions
    Cibles permet de choisir AA ou AAA et de décider si certaines exceptions détectables doivent être traitées comme des échecs.
    Sélecteur de présentation du panneau JH A11y tools
    La même interface peut s’ouvrir en fenêtre contextuelle, panneau flottant ou panneau ancré de chaque côté.

Autorisations

Transparence
technique.

Contenu de la pageAnalyse localement le DOM pour afficher les noms accessibles et appliquer les styles de test.
Zoom et ongletsPermet de vérifier le critère de redistribution à l’aide du zoom du navigateur.
Stockage localConserve l’état des outils actifs pendant la session.

Confidentialité

Vos informations
restent avec vous.

Cette extension est conçue pour limiter au maximum l’exposition des données. Consultez le détail des autorisations et sa politique spécifique avant de l’installer.

Lire la politique de confidentialité

Questions fréquentes

Avant de
commencer.

Remplace-t-il un audit d’accessibilité ?

Non. JH A11y tools aide à examiner certains aspects et à révéler des problèmes potentiels, mais ses résultats demandent une vérification manuelle et un jugement professionnel. À lui seul, il ne certifie pas la conformité d’une page aux normes d’accessibilité.

Que puis-je vérifier avec cet outil ?

Il comprend des contrôles des noms accessibles, de la taille des cibles, de l’ordre du focus, de la hiérarchie des titres, du zoom du texte, de l’espacement du texte, de la redistribution à 400 % et de différentes tailles de fenêtre.

L’extension envoie-t-elle le contenu des pages que j’analyse ?

Non. L’analyse du DOM et les styles de test sont appliqués localement dans le navigateur ; le contenu n’est transmis ni à Complementa ni à des serveurs externes.

Dernière mise à jour

Les dernières
nouveautés.

Voir tout l’historique
Version
2.27.6
Date
30/08/2026
À retenir
Une vérification des titres beaucoup plus claireLa nouvelle version transforme la hiérarchie des titres en une carte compacte et exploitable. Examinez niveaux, ordre, état et branches du document sans perdre le contexte de la page.