Guide d'utilisation Accessibility Checker

1. Premiers pas

Accessibility Checker s'articule autour de trois outils, que vous basculez depuis le sélecteur segmenté de la barre de navigation :

• Audit — lancez une analyse axe-core automatisée d'une page web et passez en revue chaque problème WCAG détecté.
• Contrast (contraste) — mesurez le contraste des couleurs entre deux points quelconques d'une page, d'une image ou d'une vue caméra en direct.
• Focus Order (ordre de focus) — superposez l'ordre de focus au clavier (tabulation) sur une page et repérez les problèmes visuellement. (Sur iPhone, le segment s'appelle Focus.)

Commencez par donner à l'application quelque chose à tester. Au premier lancement, vous serez invité à choisir une source ; ensuite, appuyez sur le bouton Changer de source (l'icône plus-application, en haut à droite) et choisissez :

• URL web — saisissez n'importe quelle adresse pour charger un site en direct. Vous pouvez aussi taper directement dans la barre d'adresse (“Saisir l'URL à auditer”).
• Appareil photo — prenez une photo à vérifier.
• Galerie — chargez une capture d'écran ou une image depuis votre photothèque.
• Direct — un flux caméra en direct pour vérifier des écrans et des supports du monde réel en temps réel.

Les trois outils fonctionnent sur les pages web. Les images, les photos et la caméra en direct se vérifient avec l'outil Contrast. L'icône en forme d'engrenage (en haut à gauche) ouvre les Réglages, et le menu ••• situé à côté de la barre d'adresse propose Précédent, Suivant, Recharger et Créer un rapport.

2. Lancer un audit WCAG automatisé

L'outil Audit exécute axe-core — le moteur de référence du secteur utilisé par les équipes d'accessibilité professionnelles — sur la page que vous avez chargée.

1. Chargez une page (saisissez une URL et laissez-la finir de charger).
2. Sélectionnez le segment Audit. Vous verrez “Préparation de l'audit…” puis “Audit en cours…” pendant que le moteur travaille.
3. Les résultats s'ouvrent automatiquement, le titre indiquant le total : Résultats (N).

Lire les résultats

Les problèmes sont regroupés par sévérité — critique, sérieux, modéré, mineur — les plus graves en premier. Appuyez sur une sévérité pour voir ses catégories de problèmes, puis sur une catégorie pour parcourir chaque élément concerné. Chaque problème indique le sélecteur cible, le HTML en cause, un résumé en langage clair et un lien Plus d'informations qui explique la règle et met en évidence l'élément sur la page. Une page sans problème affiche “Bravo ! Aucun problème détecté.”

Partager les résultats d'audit

Appuyez sur le bouton Partager de l'écran de résultats pour exporter :

• Rapport d'audit (PDF) — ouvre le flux de rapport automatisé (voir la section 5).
• Résumé (texte) — un résumé concis avec le nombre de problèmes par sévérité et les principaux problèmes.
• Tous les résultats (texte) — la liste complète, problème par problème.
• Feuille de calcul (CSV) — un export exploitable par machine pour le tri dans Excel, Numbers ou un script.

3. Cartographier l'ordre de focus au clavier Nouveau

Les utilisateurs de clavier et de nombreux lecteurs d'écran parcourent une page à l'aide de la touche Tab. Si la séquence de focus saute de manière illogique, la page échoue au critère WCAG 2.4.3 (parcours du focus) — et jusqu'à présent, c'était difficile à tester sans ordinateur de bureau ni outils spécialisés. Le nouvel outil Focus Order dessine toute la séquence par-dessus la page.

1. Chargez une page web.
2. Sélectionnez le segment Focus Order. La page s'assombrit pendant que l'application la cartographie (“Calcul de l'ordre de focus”).
3. La superposition apparaît : des repères numérotés marquent chaque élément focalisable au clavier, à partir de 1, et des lignes de liaison tracent le chemin exact suivi par un utilisateur de clavier. Le panneau indique le total, par exemple “14 arrêts de tabulation”.
4. Appuyez sur n'importe quel repère numéroté pour ouvrir une fiche détaillée de l'élément : son rôle, son nom accessible, son étiquette ARIA, son index de tabulation, son sélecteur CSS et le HTML sous-jacent — tout ce qu'il faut pour signaler un bug précis.

Ce qu'il faut surveiller

• Des sauts qui défient la logique visuelle — par exemple, le focus qui bondit de la navigation au pied de page, puis revient au contenu principal.
• Aucun résultat sur une page interactive — l'application vous préviendra : “Si cette page comporte des boutons ou des liens visibles, cela peut en soi constituer une non-conformité en matière d'accessibilité (WCAG 2.1.1).”
• Des avertissements heuristiques — le panneau signale le défilement infini (des arrêts plus bas peuvent manquer) et les éléments fixes (les repères peuvent se décaler pendant le défilement).

Exporter la carte

Appuyez sur le bouton d'export du panneau Focus Order et choisissez Image de la page entière ou PDF de la page entière. L'export capture la page entière — pas seulement la partie visible à l'écran — avec la superposition numérotée intacte, prête à être glissée dans un ticket, une revue de design ou un rapport d'audit. Utilisez le bouton de réanalyse après une modification de la page pour relancer l'analyse.

4. Vérifier le contraste des couleurs

L'outil Contrast mesure le contraste entre deux couleurs quelconques à l'écran — dans un site web, une capture d'écran, une photo ou la caméra en direct.

1. Chargez une source (page web, image ou caméra en direct).
2. Sélectionnez le segment Contrast.
3. Faites glisser les deux sélecteurs sur les couleurs à comparer — généralement le texte et son arrière-plan. Déplacez et pincez pour zoomer et obtenir un placement au pixel près.
4. Les résultats se mettent à jour en direct : le rapport de contraste (par exemple Contraste : 4.6:1) avec Réussite/Échec pour les niveaux WCAG 2.1 AA et AAA, pour le texte normal comme pour le grand texte.

Corriger une combinaison qui échoue

Appuyez sur le bouton Suggestions pour voir des alternatives calculées qui réussiraient, regroupées en Conforme AAA (7:1), Conforme AA (4.5:1) et AA pour le grand texte (3:1). Appuyez sur une suggestion pour l'appliquer au sélecteur et la voir en contexte.

Copier les couleurs

Appuyez sur un échantillon de couleur pour le copier dans le format dont vous avez besoin :

• Hex HTML — par exemple #1A56DB
• UIColor (RGBA) — prêt à coller dans Swift
• UIColor (HSB) — sous forme teinte/saturation/luminosité

Vous pouvez aussi modifier directement une valeur hex pour tester une couleur précise que vous n'avez pas prélevée à l'écran.

Partager et conserver les mesures

Le menu de partage du panneau Contrast propose :

• Ajouter au rapport — conservez cette mesure pour le rapport automatisé (voir la section 5).
• Partager en texte ou Partager une capture d'écran — envoyez les résultats par Mail, Messages, Notes, et plus encore.
• Ouvrir dans le navigateur — consultez le même résultat sur accessibleresources.com pour le partager sous forme de lien.

Caméra en direct

Choisissez Changer de source → Direct pour vérifier le contraste à travers votre appareil photo en temps réel — utile pour les bornes, la signalétique, l'impression et d'autres interfaces physiques. Appuyez sur le bouton de gel pour figer une image pendant que vous positionnez les sélecteurs, puis appuyez à nouveau pour reprendre.

Vérifier depuis Safari et Photos

Pas besoin de quitter votre navigateur : dans Safari, appuyez sur Partager et choisissez Accessibility Checker pour charger la page en cours directement dans l'outil Contrast. Cela fonctionne de la même façon depuis Photos avec n'importe quelle capture d'écran ou image.

5. Créer des rapports & des déclarations d'accessibilité

Tester n'est que la moitié du travail — il faut généralement pouvoir en apporter la preuve. Accessibility Checker réunit tout ce que vous avez capturé dans un unique rapport d'accessibilité automatisé, et peut générer une déclaration d'accessibilité publiable.

Construire un rapport

1. Utilisez les outils dont vous voulez des preuves : un audit, des vérifications de contraste (utilisez Ajouter au rapport pour conserver les mesures) et une analyse Focus Order.
2. Choisissez Créer un rapport — depuis le menu ••• situé à côté de la barre d'adresse, ou depuis le bouton de rapport sur iPad et Mac.
3. Dans le Générateur de rapport, définissez le sujet (ce que couvre le rapport) et activez les outils à inclure : Audit (AxeCore), Contraste des couleurs et Ordre de focus. Le générateur affiche un décompte en direct de ce qui est inclus, et vous pouvez sélectionner individuellement les mesures de contraste conservées.
4. Appuyez sur Aperçu et export, ajoutez le nom de votre organisation et une adresse e-mail ou une page de contact, puis exportez le PDF.

Ce que contient le rapport

Un PDF de plusieurs pages présenté comme une auto-évaluation automatisée au regard des normes WCAG 2.1 AA / EN 301 549 — la norme harmonisée à laquelle fait référence l'Acte législatif européen sur l'accessibilité (EAA). Il comprend une page de couverture avec un verdict synthétique et une répartition par sévérité, l'ensemble des résultats avec leurs sélecteurs et références, une annexe de contraste des couleurs avec des captures probantes, et la carte de l'ordre de focus.

Point essentiel, il comprend aussi une section honnête “Ce que cette analyse couvre — et ce qu'elle ne peut pas couvrir” : lesquels des 50 critères de succès WCAG 2.1 A/AA ont été vérifiés automatiquement, lesquels nécessitent une revue humaine (sous forme de liste de contrôle manuelle prête à l'emploi) et lesquels échappent à toute analyse de page automatisée. Les tests automatisés vous donnent une base de référence rapide — ce n'est pas une certification de conformité, et le rapport le dit clairement.

Publier une déclaration d'accessibilité

Depuis l'aperçu du rapport, choisissez Ouvrir la déclaration d'accessibilité. L'application génère une déclaration auto-évaluée à partir de vos résultats — état de conformité, limites connues, contact pour les retours et méthode d'évaluation — dans la langue de votre choix parmi 17 langues, indépendamment de la langue de l'application. Vous pouvez la copier en texte, la télécharger en HTML pour votre propre site, l'imprimer ou la partager sous forme de lien hébergé. Voir un exemple de déclaration en ligne.

6. iPad & Mac : carte flottante et raccourcis Nouveau

Cette mise à jour repense l'application pour les grands écrans. Sur iPad et Mac, la page que vous testez s'affiche en plein écran, et les résultats apparaissent dans une carte flottante au lieu d'un panneau fixe en bas.

• Déplacez-la où vous voulez : faites glisser la carte par son en-tête vers n'importe quel coin — là où elle ne masque pas la partie de la page que vous inspectez. Avec VoiceOver, utilisez les actions personnalisées de la carte (Déplacer en haut à gauche, en haut à droite, en bas à gauche, en bas à droite).
• Réduisez-la : appuyez sur le chevron dans l'en-tête de la carte pour la réduire à une simple barre de titre pendant que vous naviguez, puis appuyez à nouveau pour faire réapparaître les résultats.
• Continuez à faire défiler : le contenu de la page défile toujours en dehors de la carte, de sorte que rien n'est masqué en permanence.

Raccourcis clavier

Avec un clavier physique sur iPad (maintenez ⌘ pour afficher le HUD des raccourcis) ou depuis la barre des menus sur Mac :

Émulation d'appareil

Sur iPad et Mac, vous pouvez prévisualiser le comportement d'une page à différentes tailles : Émuler l'appareil → Téléphone, Tablette ou Ordinateur (dans la barre des menus du Mac, ou avec les raccourcis ci-dessus) affiche la page à la largeur de cet appareil et la présente avec le user agent Safari correspondant — vous pouvez ainsi auditer l'expérience mobile d'un site depuis votre Mac, ou l'expérience de bureau depuis votre iPad.

7. Réglages

Ouvrez les Réglages avec l'icône en forme d'engrenage (ou ⌘,). À retenir :

• Changer la page d'accueil — définissez la page avec laquelle l'application s'ouvre.
• Langue de l'application — l'application est proposée en 18 langues ; ceci renvoie au réglage de langue par application d'iOS.
• Icône de l'application — choisissez entre les styles d'icône Contraste élevé, Liquid Glass et Accessibilité.
• Afficher APCA™ Lc (WCAG 3.0) — ajoutez les valeurs APCA aux résultats de contraste (voir la section 4).
• Version d'axe-core et Résultats d'audit — contrôlez le moteur d'audit et l'inclusion ou non des points “à vérifier”.
• Focus Order — apparence de la superposition, interaction et options de portée (voir la section 3).
• Fiches WCAG — un aide-mémoire intégré des recommandations.
• Aide et Revoir la visite de bienvenue — revoyez l'introduction intégrée à tout moment.
• Restaurer les achats — récupérez un abonnement sur un nouvel appareil.
• Compte — connectez-vous éventuellement avec Sign in with Apple pour synchroniser les informations de vos rapports (nom de l'organisation et contact) sur tous vos appareils. La connexion n'est jamais obligatoire, rien de ce que vous auditez n'est rattaché à votre compte, et vous pouvez supprimer le compte — et ses données — depuis le même écran.

8. Fonctionnalités gratuites et formules payantes

Accessibility Checker est gratuit à télécharger, et la navigation sur les pages ainsi que la consultation de vos résultats existants sont toujours gratuites. Deux niveaux d'abonnement débloquent l'ensemble du flux de travail, et chaque abonnement débute par un essai gratuit de 7 jours :

• Checker — audits, vérifications de contraste et analyses de focus illimités ; contrôles AAA et APCA en plus de AA ; aperçus de rapport avec filigrane.
• Checker Pro — tout ce que propose Checker, plus des rapports WCAG complets sans filigrane, des déclarations d'accessibilité publiables et des exports nets sans mention d'attribution.
• Checker Pro Lifetime — un achat unique au lieu d'un abonnement, avec tout ce que propose Checker Pro.

Les tarifs en vigueur sont affichés dans l'application. Les abonnements peuvent être annulés à tout moment dans les Réglages, et Restaurer les achats transfère une formule existante vers un nouvel appareil.

9. Questions fréquentes

Mes données sont-elles confidentielles ?

Oui. Les audits, les vérifications de contraste et les analyses de focus s'exécutent tous sur votre appareil — les sites, les images et les couleurs que vous vérifiez ne sont jamais téléversés. Même le lien partageable de la déclaration d'accessibilité contient son contenu dans le lien lui-même plutôt que sur un serveur. Consultez la politique de confidentialité pour en savoir plus.

Un audit automatisé sans problème me rend-il conforme à l'EAA ?

Non — et méfiez-vous de tout outil qui prétend le contraire. Les vérifications automatisées vous donnent une base de référence rapide et reproductible pour évaluer votre préparation à l'EAA au regard des critères WCAG qui sous-tendent la norme EN 301 549, mais la conformité totale exige toujours des tests manuels. Le rapport de l'application vous indique précisément quels critères ont été vérifiés automatiquement et lesquels nécessitent encore une revue humaine.

Quel moteur d'audit l'application utilise-t-elle ?

Le moteur axe-core, référence du secteur, intégré à l'application pour fonctionner sans aucune configuration. Vous pouvez choisir la version d'axe-core dans les Réglages si vous devez correspondre à la version utilisée ailleurs par votre équipe.

Pourquoi ma carte de focus exportée n'affiche-t-elle qu'une partie de la page ?

Certaines pages empêchent la capture de la page entière ; l'application vous prévient lorsqu'elle n'a exporté que la zone visible. Les pages à défilement infini peuvent aussi ajouter des arrêts à mesure que vous faites défiler — le panneau vous avertit lorsqu'il le détecte. Faites défiler davantage et relancez l'analyse pour en capturer plus.

Où obtenir de l'aide ou suggérer une fonctionnalité ?

Utilisez Envoyer un commentaire dans les Réglages, ou écrivez à info@accessibleresources.com — nous lisons tout.