# TalkBack sur Android pour auditer un site WordPress responsive

> NVDA et VoiceOver ne suffisent pas : TalkBack sur Android réagit différemment à la navigation tactile. Voici les écarts constatés lors d'un audit mobile complet.

- Auteur : WordPress Développement
- Publié le : 2025-06-20
- Mis à jour le : 2025-06-20
- Catégorie : Accessibilité
- URL : https://wpmoderne.dev.wordpress-developpement.fr/accessibilite/talkback-android-auditer-wordpress-responsive/

## L’essentiel

- L'exploration tactile diffère radicalement du clavier
- Les gestes remplacent les raccourcis de landmarks
- Chrome Android gère mal certains rôles ARIA

NVDA sous Windows et VoiceOver sous macOS ou iOS dominent largement les habitudes d'audit d'un développeur WordPress. TalkBack, le lecteur d'écran natif d'Android, reste souvent relégué au second plan alors qu'il équipe une part significative des visiteurs mobiles d'un site grand public. Ce projet d'audit, mené sur un site d'actualités responsive déjà validé avec VoiceOver sur iOS, a révélé des comportements suffisamment différents pour justifier un passage systématique par TalkBack avant toute mise en production.

La différence la plus structurante ne tient pas aux rôles ARIA supportés, globalement proches entre les deux plateformes, mais au mode d'exploration lui-même : TalkBack repose sur une navigation tactile par glissement, radicalement différente de la navigation séquentielle au clavier virtuel de VoiceOver iOS.

## Activer et configurer TalkBack pour l'audit

TalkBack s'active depuis les paramètres d'accessibilité d'Android, ou plus rapidement via le raccourci des touches de volume maintenues simultanément si cette option a été activée au préalable. Trois gestes de base suffisent pour mener un audit initial : glisser vers la droite ou la gauche pour passer d'élément en élément, taper deux fois pour activer l'élément sélectionné, et glisser en L (vers le bas puis vers la droite) pour ouvrir le menu de lecture global.

## Le premier écart : l'exploration tactile directe

> L'essentiel à retenir : L'exploration tactile diffère radicalement du clavier ; Les gestes remplacent les raccourcis de landmarks ; Chrome Android gère mal certains rôles ARIA

Contrairement à VoiceOver sur iOS, TalkBack permet de poser un doigt n'importe où sur l'écran pour que l'élément sous le doigt soit immédiatement annoncé, sans navigation séquentielle préalable. Ce mode d'exploration directe révèle des zones cliquables invisibles à la navigation séquentielle classique : sur ce site, un bandeau de partage social flottant, positionné en `position: fixed`, était atteignable par exploration tactile directe mais totalement absent de l'ordre de navigation séquentiel, car placé hors du flux DOM logique.

## Le second écart : Chrome Android et les rôles ARIA composites

Le composant d'onglets du site, construit avec les rôles `tablist`, `tab` et `tabpanel` conformément aux pratiques ARIA recommandées, fonctionnait sans réserve sous VoiceOver et NVDA. Sous Chrome pour Android combiné à TalkBack, l'annonce du nombre total d'onglets et de la position de l'onglet actif se révélait incohérente après un changement d'onglet déclenché en JavaScript, un écart qui n'apparaissait sur aucune autre combinaison testée.

```
document.querySelectorAll('[role="tab"]').forEach((tab, index) => {
    tab.setAttribute('aria-selected', index === indexActif ? 'true' : 'false');
    tab.setAttribute('tabindex', index === indexActif ? '0' : '-1');
});
```

Le correctif a consisté à forcer explicitement le rappel du focus sur l'onglet actif après chaque changement, plutôt que de se reposer uniquement sur la mise à jour des attributs ARIA, insuffisante pour déclencher une annonce fiable sous cette combinaison précise.

## Différences observées sur la navigation par gestes

- Le geste de « lecture continue » (glisser vers le bas puis vers la droite, option « Lire à partir du haut ») n'a pas d'équivalent direct côté VoiceOver iOS.
- Les zones tactiles inférieures à 24 pixels, déjà problématiques au clavier, sont encore plus pénalisantes en exploration tactile directe sous TalkBack.
- Le menu de navigation par curseur rotatif de TalkBack (rétabli par un geste de rotation à deux doigts) segmente le contenu par titres, liens ou points de repère, un équivalent des raccourcis de landmarks NVDA mais rarement testé.

## Notre verdict après cet audit

Un site validé sous NVDA et VoiceOver n'est pas automatiquement validé sous TalkBack : la navigation tactile directe expose des zones interactives que la navigation séquentielle ne révèle jamais, et Chrome Android traite certains rôles ARIA composites différemment des autres combinaisons navigateur-lecteur d'écran. Sur un site à fort trafic mobile, intégrer TalkBack à la routine d'audit, même pour un simple contrôle de dix minutes par gabarit, permet de détecter des écarts qu'aucune autre plateforme ne révèle.