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.

Suivre la méthode Voir le tableau ↓

Utilisateur aveugle testant un site au clavier avec une designer qui observe le parcours

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.

Méthode en six é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

Huit 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.

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.

WCAG 2.2 — W3C RGAA — référence française Tutoriel images accessibles — W3C