Rien ne change autant la perception d'une équipe que d'entendre son propre site lu par un lecteur d'écran. NVDA est gratuit, tourne sur Windows, et donne en 20 minutes une idée réaliste de ce que vit un utilisateur aveugle sur votre boutique. Voici un parcours guidé pour développeur voyant — aucune compétence préalable requise.

Installation

  1. 01Télécharger NVDA gratuitement sur nvaccess.org
  2. 02Installer (Windows uniquement — sur Mac, utilisez VoiceOver, déjà intégré)
  3. 03Lancer : vous entendez la voix de synthèse commencer à lire

// Conseil avant de commencer

Fermez les yeux, ou éteignez l'écran, pendant une partie du test. Tant que vous voyez la page, votre cerveau compense ce que NVDA ne dit pas. C'est en aveugle que les vrais blocages apparaissent.

Les 6 raccourcis essentiels

  • →Insertion + Espace : démarrer / arrêter la lecture continue
  • →Tab : passer à l'élément interactif suivant
  • →H : sauter au titre suivant (h1-h6)
  • →K : sauter au lien suivant
  • →F : sauter au champ de formulaire suivant
  • →Insertion + F7 : afficher la liste des landmarks, titres et liens

Le parcours type sur votre site

  1. 01Page d'accueil : NVDA lit-il le nom du site et le slogan ? Les images promo sont-elles décrites ou muettes ?
  2. 02Liste produits : F pour atteindre la recherche, K pour parcourir les produits — l'annonce du nom + prix est-elle claire ?
  3. 03Fiche produit : Tab jusqu'à "Ajouter au panier". L'action est-elle annoncée ? L'ajout au panier est-il confirmé à voix haute ?
  4. 04Checkout : remplir uniquement au clavier et à l'oreille. Les labels sont-ils lus ? Les erreurs sont-elles annoncées en temps réel ?

Ce que vous allez probablement découvrir

  • →Des images promo annoncées par leur nom de fichier, ou pas du tout
  • →Un bouton panier annoncé "bouton" sans dire quoi
  • →Un ajout au panier silencieux : rien ne confirme que ça a marché
  • →Des champs de checkout sans label, lus comme "édition" sans contexte

✓ Le test de 20 minutes vaut une prise de conscience

Faire ce parcours une fois change radicalement la perception de l'équipe : l'accessibilité cesse d'être une case à cocher pour devenir une expérience concrète. C'est l'investissement à plus fort ROI pour intérioriser le sujet — mais il complète l'audit, il ne le remplace pas.

Questions fréquentes

NVDA remplace-t-il un audit complet ?

Non. Un test manuel sur quelques pages révèle les blocages les plus criants et forme l'équipe, mais il ne couvre pas tout le site ni tous les critères. C'est le complément humain idéal d'un audit automatisé, pas un substitut.

Et sur Mac ou sur mobile ?

Sur Mac, VoiceOver est intégré (Cmd+F5). Sur iOS aussi ; sur Android, c'est TalkBack. Tester au moins un lecteur d'écran sur desktop et un sur mobile donne une bonne couverture des usages réels.

Combien de pages tester ?

Un exemplaire de chaque gabarit clé suffit pour le parcours d'apprentissage : accueil, liste, fiche, panier, checkout. C'est le parcours d'achat qui compte le plus.

Compléter votre test NVDA par un audit automatisé de tout le site :

→ Lancer un audit