Table des matières
A – AA
Durée : 6 minutes
Testez-vous !
Principe
Permettre à chacun d’agrandir le contenu, d’adapter l’affichage à son écran et de choisir l’orientation, c’est offrir une expérience lisible et confortable, sans perte d’information ni navigation complexe, sur tous les supports.
Explication audio (transcription disponible)
Transcription
Le zoom, c’est une fonctionnalité que tout le monde connaît, mais qui cache des enjeux d’accessibilité plus complexes qu’il n’y paraît.
Le référentiel WCAG recommande de permettre d’agrandir le texte jusqu’à 200 % sans faire apparaître de barres de défilement gênantes, pour éviter que l’utilisateur ne doive faire défiler la page horizontalement et verticalement à fort zoom.
Ce principe rejoint aussi la question du “responsive” : quand l’écran se réduit (sur mobile ou tablette), le contenu doit se redistribuer naturellement, rester lisible et utilisable.
Enfin, permettre le choix de l’orientation de l’écran (portrait ou paysage) donne plus de liberté à l’utilisateur, sauf cas très particuliers (interactifs complexes, diaporamas, etc.).
Quand ce n’est pas possible, l’essentiel est d’en informer l’utilisateur et de recommander, si besoin, un support adapté pour le confort de lecture.
À vérifier
- Permettre l’agrandissement du texte jusqu’à 200 % sans perte d’information ni de fonctionnalité.
- S’assurer qu’aucune barre de défilement n’apparaît simultanément dans les deux dimensions (verticale et horizontale), sauf cas très spécifiques.
- Garantir que le contenu reste lisible et fonctionnel quel que soit le niveau de zoom appliqué.
- Vérifier que les images contenant du texte sont de bonne qualité, non pixelisées, et zoomables si possible.
- Veiller à ce que le contenu s’affiche correctement dans les deux orientations (portrait et paysage), sauf exception justifiée.
Pour qui ?
- Personnes malvoyantes ou avec difficultés de lecture
- Utilisateurs sur mobile, tablette, écran réduit
- Toute personne ayant besoin d’un affichage agrandi ou adapté
Pourquoi c’est important ?
Permettre à chacun d’adapter la taille du texte et la disposition du contenu, c’est garantir une lecture confortable et accessible, en particulier dans des contextes variés ou avec des besoins visuels spécifiques.
C’est aussi un gage de flexibilité et de robustesse pour tous les modules.
Comment réussir
- Utilisez des outils et des templates qui permettent le zoom sans perte d’information.
- Vérifiez que le texte, les images, les boutons et les menus restent utilisables à 200 % de zoom.
- Testez la redistribution du contenu sur une largeur réduite (mobile, petite fenêtre) : le contenu doit rester lisible sans nécessiter un défilement horizontal et vertical simultané.
- Permettez l’affichage en mode portrait et paysage, sauf impossibilité technique majeure.
- Prenez en compte la compatibilité avec le zoom lors du choix de l’outil (ex. : Storyline techniquement limité) : voir cas particuliers ci-dessous.
Zoom, redistribution du contenu et choix des outils
Zoom, responsive, redistribution : comprendre l’essentiel
L’accessibilité ne se limite pas à l’agrandissement du texte. Pour garantir une lecture confortable à tous ( notamment sur mobile ou à fort zoom), il faut que le contenu s’adapte :
- Le zoom agrandit tout l’affichage, mais si la structure ne change pas, l’utilisateur peut vite se retrouver à faire défiler l’écran horizontalement et verticalement.
- Le responsive (ou “redistribution du contenu”) est la capacité d’un module à se réorganiser automatiquement selon la taille de l’écran ou le niveau de zoom.
Quand un module est bien conçu, il reste lisible et navigable, sans perte d’information ni barres de défilement gênantes. C’est ce critère qui fait vraiment la différence pour l’accessibilité.
Les outils face à l’accessibilité du zoom et de la redistribution
Tous les outils ne gèrent pas l’agrandissement et l’adaptation du contenu de la même façon. Pour choisir en toute connaissance de cause, il faut bien comprendre les limites de chaque solution.
Outils web natifs (Rise360, Moodle, HTML, LMS modernes…)
Points forts :
- Le contenu se réorganise automatiquement (redistribution responsive).
- Lisible et navigable sur ordinateur, mobile, tablette, même à 200 % de zoom.
- Pas de barres de défilement gênantes dans tous les sens.
Pour quoi ?
Idéal si vous ciblez une accessibilité mobile ou des besoins variés côté apprenants.
Outils à aspect fixe (Storyline, Genially…)
Limite principale : le contenu reste figé, même quand on zoome ou change la taille de l’écran. À fort zoom, on se retrouve avec des barres de défilement horizontale et verticale.
Storyline, cas typique :
- Il est techniquement impossible d’obtenir une vraie redistribution du contenu. Ce n’est pas un bug, mais la conséquence de la conception même de Storyline (format “diaporama” fixe).
- Même avec la fonction “zoom”, la navigation reste difficile sur mobile ou pour des malvoyants.
- Articulate revendique une exception dans le WCAG pour ce type de présentation (voir point 1.4.10 Reflow de la documentation Articulate), mais cela reste un point faible majeur pour l’accessibilité mobile.
- Si l’accessibilité mobile est un critère important, mieux vaut éviter Storyline (ou prévoir une alternative).
Arbitrer ses choix : adapter la solution à chaque projet
Quand privilégier un outil “web natif”
- Dès que le public cible a besoin d’un affichage mobile, ou si vous voulez garantir une accessibilité maximale (malvoyants, seniors, contexte de mobilité…).
- Ici, Rise360, Moodle ou un outil HTML sont la bonne solution pour assurer une vraie adaptation du contenu à tous les écrans.
Quand le format “fixe” reste justifié
- Modules très interactifs ou scénarisés, où une redistribution casserait le déroulé ou la logique pédagogique.
- Dans ces cas, il est essentiel d’informer l’utilisateur des limites d’accessibilité, de recommander un usage sur ordinateur, et, si possible, de fournir une alternative plus accessible.
En résumé
- Redistribution du contenu = la vraie accessibilité mobile.
- Les outils à aspect fixe comme Storyline ne permettent pas cette redistribution, et c’est une limite technique structurelle – il faut le savoir AVANT de concevoir.
- Toujours tester le module en conditions réelles (zoom élevé, mobile, tablette), et informer les utilisateurs si une limite existe.
- Choisir l’outil selon l’expérience d’apprentissage attendue et les besoins d’accessibilité.
Suivre ma progression :
Ce point est lu & terminé.