🎭 Les Profils RGAA : Comprendre les Utilisateurs Réels
PROFILS
6 profils d'utilisateurs qui révèlent les vrais enjeux d'accessibilité
Utilisateurs Aveugles
Navigation avec lecteur d'écran et clavier
Besoins fondamentaux :
- Information textuelle
- Structure logique
- Navigation prévisible
🚫 Blocages Fréquents
- Images sans alternative textuelle
- Liens génériques ('Cliquer ici')
- Formulaires sans étiquettes
- Navigation clavier impossible
- Contenus vidéos sans transcription
👥 Personas Exemples
Utilisateur expert NVDA
Découvre les outils numériques
⚡ Critères Critiques
❌ Problème utilisateur
Ne comprend pas les images importantes
🚫 Scénario de blocage
Thomas visite un e-commerce. Une image montre des chaussures rouges en promotion, mais son lecteur d'écran annonce seulement 'image_prod_123.jpg'. Il ne peut pas savoir de quoi il s'agit.
✅ Solution technique
alt="Chaussures de sport rouges Nike Air Max 90 - Promotion -30%"
❌ Problème utilisateur
Navigation aveugle sans destination connue
🚫 Scénario de blocage
Thomas entend 5 fois 'cliquer ici' sur une page. Il doit remonter dans chaque paragraphe pour comprendre le contexte, perdant 10 minutes par page.
✅ Solution technique
Remplacer par 'Découvrir nos services web' ou 'Télécharger catalogue 2025'
❌ Problème utilisateur
Se perd dans le site, ne sait pas où il est
🚫 Scénario de blocage
Jeanne navigue entre plusieurs onglets. Tous affichent 'Boutique en ligne'. Elle ne peut pas différencier produit/panier/commande.
✅ Solution technique
'iPhone 15 Pro - Boutique' ou 'Panier (3 articles) - Boutique'
Utilisateurs Malvoyants
Vision réduite, utilisent zoom et contrastes élevés
Besoins fondamentaux :
- Contraste élevé
- Taille police adaptable
- Zones clic larges
👥 Persona Exemple
⚡ Critère Critique Principal
❌ Problème utilisateur
Texte illisible, fatigue oculaire
🚫 Scénario de blocage
Paul visite un site d'actualités en gris #777 sur blanc. Même zoomé 200%, il a mal aux yeux après 5 minutes.
✅ Solution technique
Texte #333 minimum (ratio 4.5:1)
Utilisateurs Daltoniens
Ne distinguent pas certaines couleurs (rouge/vert typiquement)
Besoins fondamentaux :
- Information non portée par couleur
- Icônes distinctives
⚡ Critère Critique
❌ Problème utilisateur
Rate les informations importantes
🚫 Scénario de blocage
Marie remplit un formulaire. Erreurs en rouge, validations en vert. Pour elle, toutes les bordures sont identiques.
✅ Solution technique
Ajouter icônes : ❌ erreurs, ✅ validations + texte
Navigation Clavier
Handicap moteur, utilisent uniquement le clavier
Besoins fondamentaux :
- Focus visible
- Navigation logique
- Raccourcis
Troubles Cognitifs
Dyslexie, troubles attention, mémoire réduite
Besoins fondamentaux :
- Simplicité
- Consistance
- Messages clairs
Utilisateurs Sourds
N'entendent pas les contenus audio
Besoins fondamentaux :
- Sous-titres
- Transcriptions
- Alternatives visuelles
Seniors
Besoins accrus de lisibilité, contrastes et tailles de police
Besoins fondamentaux :
- Contraste élevé
- Texte redimensionnable
- Navigation simple
- Formulaires clairs
⚡ Critères Critiques
Problème utilisateur
Les textes avec un contraste insuffisant sont difficiles à lire, surtout pour les personnes âgées dont la vue baisse avec l'âge.
Solution
Assurer un rapport de contraste d'au moins 4.5:1 pour le texte normal et 3:1 pour les grands textes.
Texte gris clair sur fond blanc
Texte noir sur fond blanc
Problème utilisateur
Une structure de titres incohérente rend la navigation plus difficile pour les utilisateurs qui s'appuient sur ces repères.
Solution
Utiliser une hiérarchie de titres logique et cohérente (h1 > h2 > h3, etc.).
<h1>Titre principal</h1>
<h3>Section</h3> <!-- Niveau sauté -->
<h2>Sous-section</h2>
<h1>Titre principal</h1>
<h2>Section</h2>
<h3>Sous-section</h3>
10 Personas Détaillés - Cœur de la Méthode
PERSONAS
Chaque persona représente des millions d'utilisateurs avec des besoins spécifiques
Emma - Dyslexie Sévère
19 ans • Étudiante en droit
Contexte : Dyslexie sévère + troubles de l'attention. Découverte tardive à 16 ans. Bac avec mention grâce aux aménagements, rêve de devenir avocate.
"Chaque formulaire mal fait me fait perdre 30 minutes et me donne envie d'abandonner mes études"
Technologies utilisées quotidiennement
Histoire personnelle
Emma a découvert sa dyslexie à 16 ans après des années de difficultés scolaires non expliquées. Le diagnostic a été libérateur : enfin elle comprenait pourquoi lire lui demandait tant d'efforts. Avec des aménagements et des outils adaptés, elle a obtenu son bac avec mention. Mais chaque démarche administrative numérique devient un cauchemar qui lui prend 3x plus de temps que ses camarades.
Top 5 des frustrations quotidiennes
- Formulaires administratifs incompréhensibles avec étiquettes vagues
- Messages d'erreur techniques type "Erreur de validation"
- Champs obligatoires non signalés clairement
- Aide contextuelle cachée ou inexistante
- Timeouts qui font perdre tout le travail de saisie
Critères RGAA Critiques pour Emma
❌ PROBLÈME
Emma ne comprend pas les étiquettes vagues comme 'Référence', 'Montant'
🎭 PERSONA
📖 SCÉNARIO DÉTAILLÉ
Emma s'inscrit à la CAF pour son logement étudiant. Le formulaire contient des étiquettes floues : "Référence" (du bail ? dossier CAF ? logement précédent ?), "Montant" (loyer ? charges ? revenus ?), "Date" (naissance ? entrée logement ? début bail ?). Cette ambiguïté surcharge sa dyslexie. Elle abandonne après 20 minutes de confusion totale, devra rappeler par téléphone.
💥 IMPACT HUMAIN
Étiquettes vagues = formulaire impossible à remplir correctement pour dyslexiques. Génère stress, perte de temps, abandon de démarches essentielles.
🔍 ANALYSE TECHNIQUE
Labels trop génériques ne fournissent pas assez de contexte pour utilisateurs avec troubles cognitifs. Le cerveau dyslexique a besoin d'indices explicites pour traiter l'information.
✅ SOLUTION
<label for="montant">Montant</label>
<input id="montant">
<label for="montant_loyer">Montant du loyer mensuel (hors charges)</label>
<input id="montant_loyer" placeholder="ex: 450€">
📊 MÉTRIQUES VISUELLES
💰 BUSINESS CASE
Justification : Réduit erreurs saisie 70%, augmente conversion 25%, diminue support 40%
🛠️ OUTILS TEST
✅ CHECKLIST
- Chaque label est-il auto-explicatif ?
- Y a-t-il des exemples concrets ?
- Le contexte est-il précisé ?
- Évite-t-on les termes techniques ?
❌ PROBLÈME
Emma fait 10 tentatives pour chaque format de date/téléphone non précisé
📖 SCÉNARIO DÉTAILLÉ
Emma s'inscrit sur un site de rencontres. Champ "Date de naissance" sans indication de format. Elle essaie successivement : "19/12/2004", "19-12-2004", "2004-12-19", "Dec 19 2004", "12/19/2004". Aucun ne marche. L'erreur "Format invalide" ne donne aucun exemple. Même calvaire pour téléphone : "06.12.34.56.78", "0612345678", "+33612345678". Après 15 minutes d'essais infructueux, elle ferme le site, frustrée et humiliée.
💥 IMPACT HUMAIN
Formats cachés = exclusion pure et simple + humiliation. Emma ressent un échec personnel alors que c'est un problème de design.
✅ SOLUTION
<label for="naissance">Date de naissance (jj/mm/aaaa)</label>
<input id="naissance" placeholder="19/12/1995" pattern="[0-9]{2}/[0-9]{2}/[0-9]{4}" aria-describedby="date-help">
<div id="date-help">Format requis : jour/mois/année, exemple 19/12/1995</div>
💰 BUSINESS CASE
Justification : Réduit erreurs saisie 80%, augmente conversion 35%, diminue support 50%
Lucas - Tétraplégique
26 ans • Reconversion développeur
Contexte : Accident de sport, tétraplégique C5, en formation développeur reconversion. Navigation 5x plus lente qu'utilisateur standard.
"Une modal mal codée me bloque 10 minutes, je dois redémarrer le navigateur"
Technologies utilisées quotidiennement
Critères RGAA Critiques pour Lucas
❌ PROBLÈME
Lucas est piégé dans les modales, focus s'échappe
📖 SCÉNARIO DÉTAILLÉ
Lucas confirme l'achat de son matériel informatique (commande 3000€). Une modale s'ouvre "Confirmer la commande ?". Son contacteur au souffle continue de naviguer séquentiellement dans la page principale derrière la popup. Il arrive sur des liens du footer, puis du menu, mais jamais sur les boutons "Annuler/Confirmer". Après 10 minutes d'épuisement total, il doit fermer le navigateur et perd sa commande. Il rappellera demain par téléphone.
💥 IMPACT HUMAIN
Piège à focus = blocage total, épuisement physique et mental, perte de commandes importantes. Lucas doit multiplier les appels téléphoniques coûteux.
✅ SOLUTION
// Enfermer focus dans modal
document.addEventListener('keydown', (e) => {
if (e.key === 'Tab') {
trapFocus(e, modalElement);
}
if (e.key === 'Escape') {
closeModal();
returnFocusToTrigger();
}
});
💰 BUSINESS CASE
David - Sourd Signant
44 ans • Formateur accessibilité
Contexte : Sourd de naissance, LSF langue première, niveau français B1-B2. Les vidéos sans LSF l'excluent de 80% de la formation continue.
"Les vidéos sans LSF m'excluent de 80% de la formation continue"
Critères RGAA Critiques pour David
❌ PROBLÈME
David exclu des vidéos institutionnelles complexes
📖 SCÉNARIO DÉTAILLÉ
David suit une formation obligatoire sécurité au travail (2h vidéos). Les vidéos ont sous-titres français écrit, mais LSF étant sa langue première, il peine avec français écrit complexe ('procédures d'évacuation', 'équipements protection individuelle'). Il comprend 40% au lieu des 90% qu'il aurait avec interprète LSF. À l'évaluation finale, il échoue et doit repasser en présentiel avec interprète, coûtant 3x plus cher à l'entreprise.
💥 IMPACT HUMAIN
Pas de LSF = exclusion formation + coûts multiplication. David se sent discriminé et l'entreprise paie des formations sur-mesure très chères.
💰 BUSINESS CASE
Thomas - Aveugle
34 ans • Chef de projet web
Paul - Malvoyant
52 ans • Comptable
Marie - Daltonienne
31 ans • Designer UX
Sophie - Navigation Clavier
28 ans • Développeuse
Jeanne - Aveugle Senior
67 ans • Retraitée
Marguerite - Senior Multi-Handicap
78 ans • Technologies assistives multiples
Antoine - Troubles Cognitifs
35 ans • Employé administratif
4 Zones de Priorité - Approche ROI
Prioriser les actions selon l'impact business et la facilité d'implémentation
Quick Wins ULTRA
ROI 10-20xImpact business : +25% conversions segments handicapés
Exemples de critères :
Quick Wins
ROI 4-8xImpact : Fondations solides accessibilité
Priorité Moyenne
ROI 2-4xImpact : Navigation et structure optimisées
Gros Chantiers
ROI 2-5xImpact : Compliance totale RGAA
Exemples de critères :
Business Case & ROI Calculateur
Justifications économiques et cas d'études sectoriels
E-commerce mode (2M visiteurs/mois)
ROI 12xActions réalisées :
- Quick Wins Emma (étiquettes + formats saisie)
- Contraste Paul (couleurs produits)
- Titres Thomas (navigation catalogue)
Détails : +8% audience totale, +35% conversion dyslexiques, +25% malvoyants, -40% support client
Banque digitale (500k clients)
ROI 6.2xActions réalisées :
- Formulaires Emma (étiquettes explicites)
- Navigation Lucas (focus management)
- Contrastes seniors (lisibilité)
Détails : +30% dématérialisation senior, -50% appels support, conformité réglementaire
📊 Méthodologie en 5 Étapes
Plan d'action complet pour une accessibilité efficace
Diagnostic centré personas
1-2 semainesIdentifier personas prioritaires et auditer selon leurs besoins
Actions :
- Définir 2-3 personas principaux
- Audit RGAA ciblé
- Tests utilisateurs
Quick Wins Ultra
1-2 semainesCorriger immédiatement problèmes fort impact/faible effort
Actions :
- Contrastes
- Titres pages
- Liens explicites
- Focus visible
Quick Wins standards
2-4 semainesCorrections rapides à bon ROI
Gros chantiers critiques
2-6 moisProjets lourds mais indispensables
Maintenance continue
PermanentSurveiller, tester, améliorer
Outils & Ressources
Suite complète pour auditer, tester et implémenter
Outils d'audit
Tests utilisateurs
Référentiel Complet - 106 Critères RGAA
Index exhaustif avec mapping personas
| Critère | Description | Personnes impactées | Impact | Opérabilité | Zone |
|---|