Accessibilité numérique
Rendre un site internet plus accessible
Intégrer clavier, contrastes, alternatives, structure, formulaires et tests utilisateurs dans la conception comme dans la maintenance.
Illustration photographique générée par IA : scène fictive, sans représentation d’un client ou d’une équipe réelle.
La réponse en bref
Un plan d’amélioration fondé sur les tâches essentielles.
Un site accessible permet d’accomplir les mêmes tâches avec différents modes de perception et d’interaction. Le progrès commence par les parcours essentiels : comprendre l’offre, naviguer au clavier, lire la structure, remplir un formulaire, percevoir les erreurs et accéder aux informations sans dépendre d’une couleur, d’une image ou d’un geste précis.
L’accessibilité concerne les personnes aveugles ou malvoyantes, sourdes ou malentendantes, ayant des limitations motrices, cognitives ou temporaires, mais améliore aussi la robustesse du site pour des situations ordinaires : écran en plein soleil, connexion lente, bras immobilisé ou environnement bruyant.
Une démarche sérieuse ne repose pas sur un badge ni sur une surcouche automatique. Elle combine conception, code, contenus, tests et organisation. Les obligations exactes dépendent de la structure et du service concerné ; les références officielles doivent être vérifiées pour déterminer le cadre applicable.
Couleurs et lisibilité
Tester le contraste d’un texte sur un fond uni.
Deux couleurs séduisantes séparément peuvent devenir difficiles à lire ensemble. Essayez les combinaisons destinées aux textes et boutons, puis contrôlez les tailles, états et supports réels.
Exemple de texte à lire
Un message doit rester lisible.| Texte | Contraste minimum | Interprétation |
|---|---|---|
| Texte courant | 4,5:1 | Comparer le texte à son fond réel et contrôler le ratio non arrondi : 4,499:1 reste inférieur au seuil. |
| Grand texte | 3:1 | Au moins 18 pt (24 px), ou 14 pt gras (environ 18,67 px). |
Source : W3C · comprendre le contraste minimum, consultée le 18 octobre 2026. Un contraste suffisant ne valide pas l’accessibilité de toute la page. Le critère prévoit notamment des exceptions pour les logotypes et certains éléments inactifs.
Complétez ce contrôle par la navigation au clavier, les libellés de champs, les messages d’erreur et le zoom. Vérifiez aussi les liens et boutons lorsqu’ils sont survolés ou reçoivent le focus.
Méthode en 6 étapes
Passer d’une intention générale à des décisions vérifiables.
Chaque étape produit une information qui peut être relue, attribuée et utilisée dans la suivante.
Choisir les tâches essentielles
Identifier ce qu’une personne doit absolument pouvoir comprendre et accomplir sur le site.
Tester sans souris
Parcourir menus, liens, boutons, fenêtres et formulaires avec Tab, Entrée, Espace et Échap.
Vérifier la structure
Contrôler titre de page, langue, régions, titres hiérarchiques, libellés et ordre de lecture.
Traiter les médias selon leur rôle
Décrire les images informatives, laisser les décorations muettes et fournir sous-titres ou transcription lorsque nécessaire.
Rendre les erreurs réparables
Nommer les champs concernés, expliquer le problème et permettre une correction sans perte des informations saisies.
Associer outils et usages réels
Compléter les tests automatiques par une revue manuelle et, lorsque possible, des essais avec des personnes concernées.
Référentiel opérationnel
Contrôles prioritaires d’accessibilité pour un site de TPE ou PME.
Utilisez ce tableau comme base d’entretien, de brief ou de revue. Adaptez la fréquence et le niveau de preuve au risque réel du projet.
| Élément | Question de contrôle | Correction fréquente | Vérification |
|---|---|---|---|
| Navigation | Tout est-il atteignable et utilisable au clavier ? | Ordre logique, focus visible et échappement possible | Parcours complet sans souris |
| Titres | La structure décrit-elle réellement le contenu ? | Un titre principal puis des niveaux cohérents | Plan de titres |
| Images | L’alternative correspond-elle au rôle de l’image ? | Alt utile ou vide pour une décoration | Lecture sans afficher les images |
| Contrastes | Texte, composants et focus restent-ils perceptibles ? | Couleurs et bordures suffisamment distinctes | Mesure et contrôle visuel |
| Formulaires | Chaque champ possède-t-il un libellé et une erreur précise ? | Label associé, aide ciblée et résumé des erreurs | Envoi vide puis correction |
| Zoom | Le contenu reste-t-il lisible et utilisable agrandi ? | Mise en page fluide sans perte ni défilement inutile | Zoom navigateur et petit écran |
| Médias | L’information audio ou vidéo existe-t-elle sous une autre forme ? | Sous-titres, transcription et contrôle de lecture | Lecture sans son |
| Dynamique | Les changements sont-ils annoncés et le focus reste-t-il maîtrisé ? | Messages de statut et gestion logique du focus | Test au lecteur d’écran |
Avant de valider
8 points de contrôle.
Une vérification courte vaut mieux qu’une intention implicite. Conservez une preuve proportionnée : document, capture, résultat de test ou décision datée.
- ContrôlerLa langue et le titre de chaque page sont explicites.
- ContrôlerUn lien d’évitement mène directement au contenu.
- ContrôlerLe focus clavier est visible sur tous les éléments interactifs.
- ContrôlerAucune information ne dépend uniquement de la couleur.
- ContrôlerLes images informatives ont une alternative contextualisée.
- ContrôlerChaque champ de formulaire possède un libellé persistant.
- ContrôlerLes erreurs indiquent quoi corriger et où.
- ContrôlerLes pages essentielles sont relues avec plusieurs modes d’interaction.
Situation pédagogique
Une personne ne peut pas envoyer le formulaire au clavier
Parcourez tous les champs avec Tab, puis provoquez une erreur. Le libellé, le message, le focus et l’indication des champs invalides doivent permettre de corriger et de reprendre.
Décision à préparer : Corriger d’abord la tâche bloquante puis examiner les composants similaires.
Ce scénario illustre une méthode ; il ne décrit pas une réalisation client.
Une trace de travail à réutiliser
Créez un document avec les champs suivants :
Composant ; touche utilisée ; résultat attendu ; résultat observé ; correction ; essai de validation.
Critère de validation
Le parcours complet fonctionne sans souris, y compris après une erreur. Ce test seul ne vaut pas audit de conformité.
Approfondir l’étape suivante →Questions fréquentes
Réponses directes avant de décider.
Ces repères restent généraux. Le contexte, les outils, l’organisation et les obligations applicables peuvent modifier la réponse.
Un outil automatique peut-il certifier l’accessibilité ?
Non. Il détecte certaines erreurs mais ne juge pas correctement le sens des alternatives, l’ordre logique, la clarté des messages ou la réussite d’une tâche complète. Une revue manuelle reste indispensable.
Faut-il ajouter un texte alternatif à toutes les images ?
Chaque image doit avoir un attribut alt, mais sa valeur dépend du rôle. Une image informative reçoit une description utile ; une décoration reçoit un alt vide afin de ne pas encombrer la lecture.
Une surcouche rend-elle le site accessible ?
Une interface ajoutée ne corrige pas automatiquement la structure, le clavier, les libellés, les contenus ou les composants. L’accessibilité doit être traitée dans le site et son organisation.
Par où commencer sur un site existant ?
Commencez par les pages et tâches les plus importantes : navigation, offre, contact, paiement ou réservation. Corrigez les obstacles critiques puis étendez les contrôles aux autres contenus.
Quelles règles utiliser comme référence ?
Les WCAG 2.2 constituent une référence internationale. En France, le RGAA fournit une méthode et des critères d’application. Le cadre juridique exact doit être vérifié selon l’organisation et le service.
Sources et prolongements
Vérifier le cadre et poursuivre la préparation.
Guides associés
Relier cette décision aux étapes voisines.
Diagnostic SEO & SXOAuditer un site internet
Une méthode en douze axes pour repérer les freins techniques, éditoriaux et commerciaux, puis classer les corrections selon leur impact réel.
Lire le guide →
Fiabilité & continuitéOrganiser la maintenance d’un site internet
Répartir la surveillance, les mises à jour, les sauvegardes, les contenus, les accès et les améliorations dans un calendrier compréhensible.
Lire le guide →
Cadrage de projetRédiger un cahier des charges de site internet
Les décisions, contenus, responsabilités et critères de recette à réunir pour obtenir des propositions comparables sans figer trop tôt la solution.
Lire le guide →