Utiliser Accessibility Checker avec VoiceOver

Ce guide ne répète pas le guide d'utilisation général. Il parcourt chaque tâche dans l'ordre où VoiceOver lit l'écran, nomme chaque commande exactement comme VoiceOver l'annonce, indique ce que vous devez entendre à chaque étape, et dit franchement quelles parties de l'application sont visuelles par nature.

Si quelque chose ici ne correspond pas à ce que vous entendez, dites-le-nous : info@accessibleresources.com. Ce sont les retours des utilisateurs de lecteur d'écran qui font progresser cette application.

1. Avant de commencer

Il vous faut un iPhone ou un iPad avec VoiceOver activé (triple-clic sur le bouton latéral si vous l'avez configuré, ou demandez à Siri d'activer VoiceOver). Le Mac a sa propre application, qui fonctionne différemment — voir la section 10. Vérifiez que vous avez la version 9.2.1 ou ultérieure : c'est celle que décrit ce guide, et les versions 9.1 et 9.2.1 ont corrigé ensemble les problèmes signalés par les utilisateurs de VoiceOver (section 12). Les libellés de l'application suivent la langue de votre appareil ; les noms cités ici sont ceux de l'application en français.

Ce guide n'utilise que des gestes VoiceOver standard :

2. Premier lancement : connexion, visite, formules

1. Se connecter, ou passer. Le premier écran propose un bouton Se connecter avec Apple et, en dessous, un bouton Passer la connexion. Un compte ne sert qu'à synchroniser les informations de vos rapports (nom de l'organisation et contact) entre vos appareils. Vous pouvez passer et vous connecter plus tard depuis les Réglages.
2. La visite. Trois courtes pages présentent les outils : l'audit de n'importe quel site, la vérification instantanée du contraste et l'ordre de focus. Chacune a un bouton en bas pour continuer.
3. Une question facultative. L'application demande ce qui vous amène et propose quelques réponses. Choisir est facultatif ; cela ne règle que les conseils affichés.
4. L'écran des formules. L'application fonctionne par abonnement avec un essai gratuit. L'écran liste les formules sous forme de cartes sélectionnables, un bouton pour démarrer, puis Restaurer les achats, Politique de confidentialité et Conditions d'utilisation en petits boutons en bas. Le bouton Pas maintenant, en haut, ferme cet écran sans formule ; les outils gratuits restent utilisables. Si vous êtes déjà abonné sur un autre appareil avec le même identifiant Apple, touchez deux fois Restaurer les achats.

3. L'écran principal, dans l'ordre de VoiceOver

En balayant vers la droite depuis le coin supérieur gauche, vous rencontrez ces commandes dans cet ordre :

1. Le bouton Réglages (en haut à gauche).
2. Le sélecteur d'outil — une commande segmentée à trois segments : Audit, Contraste et Ordre de focus (abrégé en Focus sur iPhone). VoiceOver annonce sélectionné pour l'outil actif.
3. Le bouton Changer de source (en haut à droite). Il ouvre un menu : URL web, Appareil photo, Galerie, En direct.
4. Le champ d'adresse, annoncé Saisir l'URL à auditer, suivi d'un bouton de menu avec Précédent, Suivant, Recharger et Créer un rapport. Sur iPad, ces quatre commandes sont aussi des boutons séparés à côté du champ.
5. Sur iPad, la carte flottante des résultats vient ensuite, juste après la barre d'outils. Son titre est un titre de niveau. La carte a un bouton pour la masquer, et son rotor Actions permet de la déplacer dans chacun des quatre coins.
6. La page web chargée. VoiceOver la lit comme un contenu web ordinaire : utilisez le rotor pour sauter de titre en titre, de lien en lien ou de commande en commande, exactement comme dans Safari.
7. Sur iPhone, le panneau des résultats en bas. Son contenu change avec l'outil sélectionné — les sections suivantes décrivent chacun.

4. Charger un site web

1. Touchez deux fois Changer de source, puis URL web. Une feuille s'ouvre avec un champ de texte intitulé Adresse du site web et le clavier affiché (version 9.2.1 ; auparavant le champ n'avait pas d'étiquette et VoiceOver lisait son texte indicatif).
2. Saisissez l'adresse. Vous pouvez omettre https://. Appuyez sur Retour pour la charger.
3. Pendant le chargement, VoiceOver entend Chargement…. À la fin, la feuille se ferme et vous êtes de retour sur l'écran principal avec la page en place.

Vous pouvez aussi saisir directement dans le champ Saisir l'URL à auditer de l'écran principal et appuyer sur Retour.

5. Lancer un audit et lire les constats

L'outil Audit exécute axe-core, le moteur de règles automatisé qu'utilisent les équipes d'accessibilité professionnelles, sur la page chargée. Il vérifie notamment les textes alternatifs manquants, les boutons et liens sans nom, les champs de formulaire sans étiquette, le contraste insuffisant, l'ARIA incorrect et la structure des titres. Il ne vérifie pas tout — la section 6 explique ce qu'il peut prouver et ce qu'il ne peut pas.

1. Une page étant chargée, sélectionnez le segment Audit.
2. Le panneau des résultats annonce Configuration de l'audit… puis Exécution de l'audit…. Sur la plupart des pages, cela prend quelques secondes.
3. À la fin, le titre du panneau devient Résultats suivi du total entre parenthèses, par exemple Résultats (23). Une page sans problème indique Aucun problème trouvé sur cette page. VoiceOver se place de lui-même sur ce titre et annonce le nombre (pas en version 8.0.2 — voir la section 3).

Parcourir les constats

Les constats forment une liste à trois niveaux. Chaque niveau est un tableau que vous balayez et dans lequel vous entrez en touchant deux fois :

1. Gravité. Des lignes nommées Critique, Grave, Modéré et Mineur, de la plus grave à la moins grave, chacune suivie du nombre de catégories de règles qu'elle contient. Touchez-en une deux fois.
2. Catégorie de règle. Des lignes nommées par la règle, dans les mots d'axe — par exemple Les images doivent avoir un texte alternatif ou Les boutons doivent avoir un texte perceptible — chacune avec le nombre d'éléments concernés. Touchez-en une deux fois.
3. Chaque élément concerné, une page à la fois. Balayez vers la droite pour entendre : la cible (un sélecteur CSS qui désigne précisément l'élément), le HTML de l'élément, un résumé en langage clair de ce qui ne va pas et de la façon de le corriger, et un lien Plus d'informations vers la documentation complète de la règle. Quand il y a plusieurs éléments, la barre de navigation indique votre position, par exemple 2 sur 7.

Utilisez le frottement à deux doigts pour remonter d'un niveau. Le bouton Partager les résultats dans la barre de navigation des résultats sert à exporter — section suivante.

Sur iPhone, le panneau des résultats peut être agrandi ou réduit : les utilisateurs voyants font glisser sa barre Résultats. Avec VoiceOver, sélectionnez cette barre, réglez le rotor sur Actions et choisissez Agrandir les résultats ou Réduire les résultats ; chaque pas la déplace d'environ un tiers de l'écran, et l'application mémorise la hauteur (version 9.2.1).

6. Transformer les constats en preuves pour une équipe web

On utilise souvent cette application pour montrer à une équipe web quelque chose que l'on subit sans pouvoir le désigner : une flèche de tri en tête de colonne que VoiceOver n'annonce jamais, un menu qui s'ouvre sans nom, un formulaire qui se lit champ de texte et rien d'autre. Voici comment en faire un rapport exploitable.

Exporter les constats en texte

1. Sur le panneau des résultats, touchez deux fois Partager les résultats.
2. Choisissez Résumé (texte) pour les totaux par gravité et les principaux problèmes, ou Tous les résultats (texte) pour chaque élément avec son sélecteur, son HTML et le correctif. Feuille de calcul (CSV) donne la même chose sous forme de fichier pour l'outil de suivi d'un développeur. Rapport d'audit (PDF) ouvre le générateur de rapport (section 9).
3. La feuille de partage iOS s'ouvre. Envoyez par Mail ou Messages, enregistrez dans Notes, ou copiez.

Les exports texte sont entièrement lisibles avec VoiceOver et contiennent le HTML de l'élément. Ce HTML est la preuve : un développeur peut le rechercher dans son code.

Ce qu'un constat automatisé prouve, et ce qu'il ne prouve pas

Prenons la flèche de tri non vocalisée. Ce que l'audit trouve dépend de la façon dont elle a été construite :

• Si la flèche est une image sans texte alternatif, ou un bouton ou lien sans texte, l'audit la détecte — attendez-vous à un constat Critique ou Grave tel que Les images doivent avoir un texte alternatif ou Les boutons doivent avoir un texte perceptible, avec l'élément exact. Ce constat est une preuve objective.
• Si la flèche est dessinée en CSS (image d'arrière-plan ou caractère décoratif) sur un élément qui n'est pas du tout un bouton, axe ne peut pas savoir qu'elle était censée être interactive. Aucun constat n'apparaîtra. Ce n'est pas un certificat de bonne santé — c'est la limite des tests automatisés, et le rapport PDF de l'application le dit dans sa section sur ce que l'analyse couvre et ne couvre pas.

Dans le second cas, associez l'audit à l'outil Ordre de focus : si la flèche n'est pas atteignable avec la touche Tab, elle n'est pas dans l'ordre de focus, et le nombre d'arrêts de tabulation relevé pour ce tableau le montrera. Un constat, plus un export de l'ordre de focus, plus votre propre description de ce que VoiceOver dit : voilà un rapport complet et constructif.

7. Vérifier le contraste des couleurs sans voir les couleurs

L'outil Contraste compare deux couleurs et indique si la paire respecte les WCAG. Les utilisateurs voyants font glisser deux sélecteurs sur la page. Avec VoiceOver, il y a deux façons de procéder, et la première ne demande aucun glissement.

Méthode 1 : saisir les couleurs

À utiliser quand vous connaissez les couleurs — d'après une charte graphique, un designer, ou une couleur donnée par un développeur.

1. Sélectionnez le segment Contraste. Le panneau des résultats apparaît.
2. Balayez jusqu'aux deux boutons de couleur. Chacun est annoncé par sa valeur hex courante, par exemple #FFFFFF. Le premier est la couleur du texte, le second l'arrière-plan.
3. Touchez deux fois le premier. Une alerte intitulée Modifier la valeur hex s'ouvre avec un champ de texte contenant la valeur courante. Sélectionnez tout, saisissez la nouvelle valeur, par exemple #575757, puis touchez deux fois OK.
4. Répétez pour la seconde couleur.
5. Balayez jusqu'aux résultats. Le titre du panneau lit le ratio, par exemple Contraste : 7,0:1, et le groupe de résultats lit les verdicts : Texte : Réussite AA, Réussite AAA. Grand texte : Réussite AA, Réussite AAA.

Si une paire échoue, touchez deux fois Suggestions dans la barre de navigation du panneau. La liste propose des alternatives calculées qui réussissent, regroupées en couleurs conformes AAA (7:1), conformes AA (4,5:1) et AA pour le grand texte (3:1), chacune lue comme une valeur hex. Touchez-en une deux fois pour l'appliquer et entendre le nouveau résultat.

Méthode 2 : explorer la page au toucher

À utiliser pour prélever des couleurs sur la page elle-même ou sur une capture d'écran. Elle repose sur le toucher ; elle est donc surtout pratique si vous avez un reste de vision utile ou un collègue voyant à vos côtés.

1. Le segment Contraste étant sélectionné, balayez jusqu'à la zone de la page. Elle est annoncée Source web (ou Image source pour une capture ou une photo) avec l'indication Touchez deux fois pour activer le mode d'exploration VoiceOver.
2. Touchez deux fois. VoiceOver annonce le changement d'écran et l'indication devient Touchez pour explorer l'image. Touchez deux fois pour quitter le mode d'exploration VoiceOver. Dans ce mode, VoiceOver transmet vos touchers directement à la page.
3. Touchez et glissez sur la page : le sélecteur le plus proche suit votre doigt, et les résultats se mettent à jour en direct. Balayez jusqu'au panneau des résultats pour entendre le nouveau ratio et les verdicts.
4. Touchez deux fois de nouveau la zone de la page pour quitter le mode d'exploration et revenir à la navigation VoiceOver normale.

Partager un résultat de contraste

Le bouton de partage du panneau Contraste propose Ajouter au rapport (conserve la mesure pour le rapport de la section 9), Partager en texte, Partager la capture d'écran et Ouvrir dans le navigateur. La version texte lit les deux valeurs hex, le ratio et les verdicts. Toucher deux fois une pastille de couleur copie sa valeur dans le presse-papiers ; l'application le confirme par un message.

8. L'outil Ordre de focus

Cet outil calcule l'ordre dans lequel un utilisateur clavier parcourt une page avec Tab et le dessine sur la page sous forme de points numérotés reliés par des lignes. Le dessin est visuel. Ce que VoiceOver en obtient :

• Le nombre. Sélectionnez le segment Ordre de focus (Focus sur iPhone). Le panneau annonce Calcul de l'ordre de focus puis le total, par exemple 14 arrêts de tabulation, suivi d'éventuels avertissements tels qu'un défilement infini ou des éléments fixes. Zéro arrêt sur une page qui a des boutons visibles est en soi un constat : le panneau le dit et cite le critère WCAG 2.1.1.
• L'export. Le bouton Exporter la carte de l'ordre de focus propose Image pleine page et PDF pleine page. Des collègues voyants peuvent lire la carte numérotée ; pour une équipe web, elle montre exactement où le focus saute. Relancer l'analyse de l'ordre de focus répète l'analyse après un changement de page.
• Le détail d'un élément (rôle, nom accessible, étiquette ARIA, index de tabulation, sélecteur et HTML de chaque arrêt) s'ouvre en touchant un point sur la page. Atteindre un point précis au toucher est difficile sans la vue ; l'export de la carte numérotée et les constats de l'audit sont la voie fiable vers les mêmes informations.

9. Produire un rapport et une déclaration d'accessibilité

1. Exécutez les outils dont vous voulez des preuves : l'audit, les mesures de contraste conservées avec Ajouter au rapport, et une analyse de l'ordre de focus.
2. Touchez deux fois le bouton de menu à côté du champ d'adresse et choisissez Créer un rapport (sur iPad, le bouton Créer un rapport à côté du champ).
3. Le générateur de rapport s'ouvre. Son premier champ est Sujet / URL (ce que couvre ce rapport). En dessous, des interrupteurs pour Audit (AxeCore), Contraste des couleurs et Ordre de focus, puis un bouton Aperçu et export.
4. Sur l'écran d'aperçu, renseignez Nom de l'organisation et E-mail ou page de contact, puis exportez le PDF avec le bouton de partage.
5. Depuis le même écran, Ouvrir la déclaration d'accessibilité génère une déclaration auto-évaluée à partir de vos résultats, dans la langue de votre choix parmi 17. Vous pouvez la copier en texte, la télécharger en HTML ou la partager sous forme de lien.

10. Sur Mac

Le Mac App Store installe l'application native Accessibility Checker pour Mac, différente de celle décrite dans ce guide. Au lieu de l'écran à trois outils, elle propose une extension Safari qui audite la page consultée, une fenêtre Reports Hub pour les projets et les séries d'audit, et un vérificateur de contraste dans la barre des menus. L'aide de l'application Mac (en anglais) la décrit.

• Votre abonnement : un seul achat couvre iPhone, iPad et Mac. Le moyen le plus sûr de le retrouver partout est le compte de l'application : dans les Réglages de l'iPad (ou de l'iPhone), choisissez Se connecter avec Apple, puis faites de même dans les Réglages de l'application Mac avec le même compte. La formule suit le compte dès que les deux sont connectés ; aucune restauration n'est nécessaire.
• Si vous préférez Restaurer les achats (dans le menu Réglages du vérificateur Mac) : cela ne retrouve l'abonnement que si l'App Store du Mac utilise le même identifiant Apple que celui de l'achat. Un identifiant Apple différent, y compris celui d'un membre de la famille, est la cause habituelle d'une restauration qui ne trouve rien.
• Toujours pas reconnu ? Envoyez-nous l'Identifiant d'assistance des Réglages de chaque appareil (section 13) et nous les relierons manuellement.

11. Dépannage

Erreur : impossible de charger l'URL

Écoutez la raison qui suit, et vérifiez l'orthographe. L'application réessaie déjà en http:// quand vous omettez le préfixe ; si le site ne se charge toujours pas, il est peut-être hors service ou bloque l'application.

Le site a refusé la connexion sécurisée. Il a peut-être changé d'adresse, ou son certificat est défectueux.

L'adresse est périmée ou le certificat du site est incorrect ; Safari ne peut pas l'ouvrir non plus. Retrouvez l'adresse actuelle du site (cherchez son nom) et chargez celle-ci.

Délai d'attente dépassé pour le résultat

Rechargez et relancez l'audit. Si un site le fait à chaque fois, indiquez-nous l'adresse.

Erreur lors de la configuration de l'audit.

La politique de sécurité de la page a bloqué le moteur. Elle ne peut pas être auditée depuis l'application.

Aucun achat trouvé, ou la formule Pro fonctionne sur l'iPad mais pas sur le Mac

Connectez-vous avec le même compte de l'application sur les deux appareils depuis les Réglages (section 10) ; la formule suit le compte. La restauration ne fonctionne que si l'App Store du Mac utilise l'identifiant Apple qui a payé la formule. Si rien n'y fait, envoyez-nous l'Identifiant d'assistance des deux appareils.

L'audit est terminé mais je ne trouve pas les résultats

VoiceOver s'y place quand l'audit se termine ; si vous vous êtes déplacé depuis, réglez le rotor sur Titres et balayez jusqu'à Résultats (N). Si VoiceOver ne s'y est pas placé de lui-même, vérifiez que l'application est en version 9.1 ou ultérieure.

L'écran des formules réapparaît sans cesse

Certains outils font partie des formules payantes ; l'application affiche l'écran des formules à leur première utilisation. Utilisez Restaurer les achats si vous êtes déjà abonné, ou Pas maintenant pour continuer avec les outils gratuits.

Je ne trouve pas une commande mentionnée dans ce guide

Vérifiez que le bon segment d'outil est sélectionné — les commandes du panneau des résultats changent avec l'outil. Sur iPad, la carte peut être masquée : cherchez le bouton qui la masque, qui devient un bouton pour l'afficher.

12. Ce qui a changé dans les versions 9.1 et 9.2.1

La version 9.2.1 (novembre 2026) répond aux signalements envoyés par les utilisateurs de VoiceOver après la 9.1 :

• Quand un site refuse la connexion sécurisée, la page d'échec le dit et VoiceOver annonce la raison, au lieu d'incriminer votre connexion Internet.
• Le champ Adresse du site web de la feuille Changer de source et de la boîte de dialogue URL web a une étiquette permanente et une indication ; les deux sélecteurs de couleur sont nommés Sélecteur de couleur du texte et Sélecteur de couleur d'arrière-plan.
• La hauteur du panneau des résultats se change depuis la barre Résultats : Agrandir les résultats et Réduire les résultats dans le rotor Actions.
• Avec Augmenter le contraste activé, les lignes de résultats d'audit ont un contour plein et des titres plus gras, et les en-têtes et niveaux de la grille de contraste sont plus marqués.
• Naviguer dans la page après un audit (un lien, une recherche, une nouvelle adresse) ne ferme plus l'application.

Ces corrections venaient directement des signalements des utilisateurs de VoiceOver sur la version 8.0.2, et sont sorties dans la version 9.1 en septembre 2026 :

• Quand un audit se termine, VoiceOver se place sur le titre des résultats et annonce le nombre. Les messages d'état Configuration de l'audit…, Exécution de l'audit… et Délai d'attente dépassé pour le résultat sont prononcés dès qu'ils changent.
• Sur iPad, la carte flottante des résultats est lue juste après la barre d'outils, avant la page web, et son titre est un titre de niveau accessible depuis le rotor Titres.
• Les adresses sans préfixe qui échouent en https sont réessayées en http, et l'erreur de chargement annonce la raison réelle au lieu d'un message générique.
• Quand le moteur d'audit échoue, la raison est annoncée au lieu d'un délai dépassé générique.
• Le champ de couleur hex, le champ d'URL, le sujet du rapport et les champs organisation et contact ont tous des étiquettes VoiceOver permanentes.
• Les achats suivent votre compte de l'application : connectez-vous avec le même compte sur un iPhone et un iPad et l'abonnement est reconnu sur les deux sans restauration.
• Les Réglages ont une ligne Identifiant d'assistance. Si vous nous écrivez au sujet d'un achat, joignez-le et nous retrouvons votre abonnement immédiatement.
• Avec Augmenter le contraste activé dans les réglages d'accessibilité d'iOS, les cartes d'options et de formules ont des contours pleins au lieu d'un gris filiforme.

Merci à toutes celles et ceux qui ont signalé ces problèmes — continuez.

13. Obtenir de l'aide

Écrivez à info@accessibleresources.com, ou utilisez Envoyer un commentaire dans les Réglages de l'application. Indiquez l'appareil, le site que vous vérifiez et ce que VoiceOver a dit — cela nous suffit pour reproduire. Si vous animez un groupe d'usagers et souhaitez une lecture guidée des résultats d'un site précis, dites-le ; nous vous aiderons volontiers à présenter le dossier à son équipe web.