Aller au contenu Aller à la navigation principale Aller au footer

Accessibilité numérique à l’université : bonnes pratiques et boîte à outils

L’accessibilité numérique s’inscrit dans un double cadre : réglementaire avec le RGAA (Référentiel Général d’Amélioration de l’Accessibilité) et les WCAG (Web Content Accessibility Guidelines) internationales, et pédagogique avec la Conception Universelle des Apprentissages (CUA).

Si la loi de 2005 et la directive européenne 2016/2102 imposent l’accessibilité des contenus numériques dans l’enseignement supérieur, les bonnes pratiques qui en découlent vont au-delà de la simple conformité. Elles incarnent les principes de la Conception Universelle des Apprentissages (CUA) : concevoir d’emblée des environnements d’apprentissage qui répondent à la diversité des besoins pour faciliter l’apprentissage non seulement pour les étudiants en situation de handicap, mais aussi pour les étudiants dyslexiques, internationaux, en mobilité ou simplement dans des conditions d’étude variables : l’accessibilité peut bénéficier à tous.

Les sous-titres sont à activer en bas du lecteur vidéo. Généré à l’aide de NotebookLM à partir du contenu textuel de la page.

10 bonnes pratiques d’accessibilité numérique à l’université

Ces 10 bonnes pratiques constituent le socle de l’accessibilité numérique pour rendre vos contenus pédagogiques accessibles à tous vos étudiants par des gestes simples et concrets. Chaque pratique est accompagnée d’outils gratuits pour vous accompagner dans leur mise en œuvre concrète.

🆓 Gratuit
💰 Payant
🔌 Extension navigateur
💻 Logiciel à installer
🌐 En ligne
1
Structurer les documents avec des titres hiérarchiques
Utiliser les styles de titre (H1, H2, H3…) dans Word, PowerPoint ou les pages web plutôt que simplement augmenter la taille du texte. Cela permet aux lecteurs d’écran de naviguer facilement dans le contenu.
🛠️ Outils recommandés
NVDA
🆓 💻
Lecteur d’écran gratuit pour Windows permettant de tester la navigation dans vos documents et la structure des titres
🔗 nvaccess.org/download
HeadingsMap
🆓 🔌
Extension navigateur pour visualiser instantanément la structure hiérarchique des titres d’une page web
🔗 Extension Chrome
2
Fournir des alternatives textuelles aux images
Ajouter des descriptions textuelles (balises alt) pour toutes les images porteuses de sens. Pour les graphiques et schémas complexes, prévoir une description longue ou un tableau de données équivalent.
🛠️ Outils recommandés
WAVE
🆓 🌐 🔌
Vérificateur d’accessibilité web qui identifie les images sans texte alternatif et propose des améliorations
🔗 wave.webaim.org
Axe DevTools
🆓 🔌
Extension navigateur puissante pour détecter automatiquement les problèmes d’accessibilité incluant les alternatives textuelles manquantes
🔗 deque.com/axe/devtools
Microsoft Accessibility Checker
🆓 💻
Outil intégré à Word, PowerPoint et Excel pour vérifier l’accessibilité de vos documents Office
📦 Intégré à Microsoft Office
3
Assurer un contraste suffisant
Maintenir un ratio de contraste minimum de 4,5:1 entre le texte et l’arrière-plan. Éviter les combinaisons comme texte gris clair sur fond blanc ou texte jaune sur fond blanc.
🛠️ Outils recommandés
Contrast Guru
🆓 🌐
Outil simple et rapide pour vérifier le contraste entre deux couleurs selon les normes WCAG
🔗 contrastguru.com
WebAIM Contrast Checker
🆓 🌐
Vérificateur de contraste détaillé avec suggestions d’amélioration et niveaux de conformité WCAG
🔗 webaim.org/resources/contrastchecker
Colour Contrast Analyser
🆓 💻
Application de bureau avec pipette pour analyser le contraste directement depuis votre écran
🔗 tpgi.com/color-contrast-checker
4
Rendre les vidéos accessibles
Ajouter systématiquement des sous-titres synchronisés et proposer des transcriptions textuelles.
🛠️ Outils recommandés
YouTube
🆓 🌐
Plateforme vidéo avec sous-titrage automatique que vous pouvez corriger et améliorer pour vos contenus pédagogiques
🔗 youtube.com
Subtitle Edit
🆓 💻
Logiciel open source complet pour créer, éditer et synchroniser des sous-titres dans de nombreux formats
🔗 nikse.dk/subtitleedit
Amara
🆓 🌐
Plateforme collaborative pour créer et traduire des sous-titres, idéale pour les projets pédagogiques en équipe
🔗 amara.org
5
Créer des PDF accessibles
Générer les PDF depuis la source (Word, InDesign) plutôt que par scan, vérifier la structure des titres, l’ordre de lecture et les balises. Éviter les PDF image sans OCR (Reconnaissance optique de caractères).
🛠️ Outils recommandés
PAC (PDF Accessibility Checker)
🆓 💻
Outil de référence pour vérifier l’accessibilité des PDF selon les normes PDF/UA et WCAG
🔗 pac.pdf-ua.org
Adobe Acrobat Accessibility Checker
💰 💻
Solution professionnelle pour créer et vérifier des PDF accessibles (version payante recommandée pour fonctionnalités complètes)
🔗 adobe.com/acrobat
CommonLook PDF Validator
🆓 💻
Version gratuite limitée pour valider l’accessibilité de vos PDF (version complète payante)
🔗 commonlook.com
6
Concevoir des formulaires explicites
Associer clairement chaque champ à son étiquette, indiquer les champs obligatoires et les formats attendus, fournir des messages d’erreur clairs et précis.
🛠️ Outils recommandés
WAVE
🆓 🌐 🔌
Identifie les problèmes d’accessibilité dans les formulaires : étiquettes manquantes, champs mal associés
🔗 wave.webaim.org
Axe DevTools
🆓 🔌
Analyse approfondie des formulaires avec recommandations précises pour améliorer l’accessibilité
🔗 deque.com/axe/devtools
NVDA
🆓 💻
Testez la navigation dans vos formulaires comme le feraient vos étudiants malvoyants
🔗 nvaccess.org
7
Ne pas se fier uniquement à la couleur
Pour transmettre une information (ex: correction d’exercices), combiner la couleur avec d’autres indicateurs : formes, icônes, emojis, texte explicite (pas seulement « en rouge = faux » mais ❌).
🛠️ Outils recommandés
Coblis
🆓 🌐
Simulateur de daltonisme en ligne pour visualiser vos contenus comme les voient les personnes daltoniennes
🔗 color-blindness.com/coblis
ColorOracle
🆓 💻
Application qui applique un filtre de daltonisme sur tout votre écran en temps réel
🔗 colororacle.org
Who Can Use
🆓 🌐
Teste vos combinaisons de couleurs et montre combien de personnes peuvent les percevoir correctement
🔗 whocanuse.com
8
Permettre la navigation au clavier
Tous les contenus et fonctionnalités doivent être accessibles sans souris, avec un indicateur de focus visible lors de la navigation par tabulation.
🛠️ Outils recommandés
Votre navigateur web
🆓 💻
Utilisez simplement la touche Tab pour naviguer et tester l’accessibilité clavier de vos contenus
⌨️ Touche Tab de votre clavier
NVDA
🆓 💻
Testez la navigation complète au clavier avec lecteur d’écran pour une expérience utilisateur réaliste
🔗 nvaccess.org
Axe DevTools
🆓 🔌
Détecte automatiquement les éléments interactifs non accessibles au clavier
🔗 deque.com/axe/devtools
9
Utiliser des intitulés de liens explicites
Éviter les liens génériques comme « cliquez ici » ou « en savoir plus ». Privilégier des formulations qui ont du sens hors contexte, comme « télécharger le plan de cours en PDF ».
🛠️ Outils recommandés
WAVE
🆓 🌐 🔌
Identifie les liens ambigus ou non explicites dans vos pages web et documents HTML
🔗 wave.webaim.org
Link Text Checker
🆓 🌐
Bookmarklet qui liste tous les liens d’une page pour vérifier rapidement leur pertinence hors contexte
🔗 cita.illinois.edu/link-text-checker
NVDA (mode liste)
🆓 💻
Affiche tous les liens d’une page en liste pour tester leur compréhension hors contexte
🔗 nvaccess.org
10
Proposer des contenus dans Moodle plutôt qu’en pièces jointes
Créer directement des pages HTML dans Moodle plutôt que multiplier les documents Word ou PDF téléchargeables. Le HTML bien structuré est naturellement plus accessible et adaptable.
🛠️ Outils recommandés
Moodle Accessibility Checker
🆓 💻
Vérificateur intégré dans l’éditeur Atto/TinyMCE de Moodle pour contrôler l’accessibilité en temps réel
📦 Intégré à Moodle
WAVE
🆓 🌐 🔌
Vérifiez l’accessibilité de vos pages Moodle directement dans le navigateur
🔗 wave.webaim.org
Brickfield Accessibility Toolkit
🆓 💻
Plugin Moodle qui analyse automatiquement tous vos contenus de cours pour détecter les problèmes d’accessibilité
🔗 moodle.org/plugins/tool_brickfield

⭐ Outils généralistes incontournables

🔍 Accessibility Insights (Microsoft)
Solution complète pour tester l’accessibilité web et Windows • 🆓 💻
accessibilityinsights.io
🪓 axe DevTools
Extension navigateur puissante pour audits d’accessibilité automatisés • 🆓 🔌
deque.com/axe/devtools
🇫🇷 Tanaguru
Solution française open source pour audits RGAA et WCAG • 🆓 🌐
tanaguru.com

En résumé

Infographie sur l'accessibilité numérique à l'université : les bonnes pratiques.
Généré à l’aide de NotebookLM à partir du contenu textuel de la page.

Cet article a-t-il été utile ?

0
0 Commentaire

Il n'y a pas encore de commentaire

Laissez un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Aller au contenu principal