# VoiceOver sur macOS et iOS : auditer un site WordPress sans NVDA

> Pas de machine Windows sous la main ? VoiceOver, intégré à tous les Mac et iPhone, permet de tester l'accessibilité d'un site WordPress sans installer quoi que ce soit.

- Auteur : Clément Hadrot
- Publié le : 2023-06-06
- Mis à jour le : 2023-06-06
- Catégorie : Accessibilité
- URL : https://wpmoderne.dev.wordpress-developpement.fr/accessibilite/voiceover-macos-ios-auditer-site-wordpress/

## L’essentiel

- VoiceOver s'active en trois touches, aucune installation requise
- Le rotor permet de naviguer par titres, liens ou zones en un geste
- Le test sur iPhone révèle des défauts que le Mac ne montre pas

Un développeur équipé exclusivement d'un Mac se retrouve parfois freiné dans ses audits d'accessibilité, la documentation en français se concentrant souvent sur NVDA, réservé à Windows. C'est oublier que macOS et iOS embarquent nativement VoiceOver, un lecteur d'écran complet, disponible sans installation ni compte, sur tout appareil Apple depuis de nombreuses années.

Ce guide couvre l'activation de VoiceOver sur Mac et sur iPhone, ses commandes essentielles pour un premier audit, et les différences de comportement à connaître entre les deux plateformes, souvent sources de confusion pour un développeur habitué à un seul environnement.

## Activer VoiceOver sur Mac

Le raccourci `Cmd + F5` active ou désactive VoiceOver sur la plupart des Mac ; sur les modèles récents sans touches de fonction dédiées, la combinaison `Cmd + Touche Tactile ID (appui triple)` ou le passage par les Réglages système, section Accessibilité, permet également de l'activer. Une fois lancé, VoiceOver prend le contrôle de la navigation via un curseur dédié, distinct du curseur de la souris, et toute interaction passe par la touche de contrôle VoiceOver, la touche `VO`, une combinaison par défaut de `Ctrl + Option`.

## Le rotor, l'outil le plus utile pour un audit rapide

La commande `VO + U` ouvre le rotor, une roue de navigation qui liste les titres, les liens, les zones de repère ou les points de repère de formulaire de la page en cours. C'est l'équivalent fonctionnel de la commande Inser + F7 de NVDA, et l'outil le plus efficace pour un premier passage : en quelques secondes, la structure entière d'une page apparaît sous forme de liste, révélant immédiatement les incohérences de hiérarchie de titres ou les liens au libellé non informatif.

- Flèches gauche et droite : changer de catégorie dans le rotor (titres, liens, zones, formulaires)
- Flèches haut et bas : parcourir les éléments de la catégorie sélectionnée
- VO + flèche droite : passer à l'élément suivant dans l'ordre de lecture
- VO + Espace : activer l'élément actuellement sélectionné

> L'essentiel à retenir : VoiceOver s'active en trois touches, aucune installation requise ; Le rotor permet de naviguer par titres, liens ou zones en un geste ; Le test sur iPhone révèle des défauts que le Mac ne montre pas

## Tester aussi sur iPhone, pas seulement sur Mac

Un point souvent négligé : VoiceOver se comporte différemment sur iOS que sur macOS, en particulier pour les gestes tactiles qui remplacent les combinaisons de touches. Sur iPhone, VoiceOver s'active depuis Réglages, Accessibilité, VoiceOver, ou par un triple-clic sur le bouton latéral si ce raccourci a été configuré au préalable. La navigation se fait alors par balayage horizontal à un doigt pour passer d'un élément à l'autre, et par double-tap pour activer l'élément sélectionné.

Cette version mobile de VoiceOver révèle des problèmes invisibles sur desktop : des zones tactiles trop petites, des boutons personnalisés en `<div>` non reconnus comme interactifs par le lecteur d'écran mobile, ou des menus en accordéon dont le geste d'ouverture ne fonctionne pas au double-tap. Un site testé uniquement sur Mac peut donc sembler parfaitement accessible tout en échouant sur mobile, une plateforme pourtant majoritaire pour une bonne partie du trafic web actuel.

## Trois vérifications rapides à reproduire sur un site WordPress

Sur une page d'article typique, trois vérifications donnent un aperçu fiable en quelques minutes : ouvrir le rotor et vérifier la cohérence de la hiérarchie des titres, parcourir la liste des liens pour repérer les libellés génériques répétés, puis tester un formulaire de contact du début à la fin en vérifiant que chaque champ annonce correctement son étiquette et son état (obligatoire, en erreur).

> VoiceOver et NVDA ne rendent pas exactement le même verdict sur une même page, car leurs heuristiques d'interprétation du HTML diffèrent légèrement. Un site correctement structuré passe les deux sans difficulté ; un site qui ne fonctionne qu'avec l'un des deux repose probablement sur une bidouille plutôt que sur une structure propre.

## En résumé

VoiceOver offre à tout développeur équipé d'un Mac ou d'un iPhone un moyen immédiat et gratuit de tester l'accessibilité d'un site WordPress, sans dépendre d'une machine Windows dédiée à NVDA. Le rotor, en particulier, constitue un raccourci précieux pour un audit rapide de structure. Tester sur les deux plateformes, Mac et iPhone, reste toutefois recommandé : les défauts qu'elles révèlent ne se recoupent pas entièrement.