Accessibilité web : le guide pour rendre votre site utilisable par tous

L’accessibilité web consiste à concevoir des sites et des applications que chacun peut percevoir, comprendre et utiliser, y compris les personnes en situation de handicap. La référence internationale est le niveau AA des WCAG 2.2, publiées par le W3C. C’est aussi un gage de qualité : un site accessible est plus simple à utiliser pour tous.

Pourquoi l’accessibilité web concerne toutes les entreprises ?

Selon l’Organisation mondiale de la santé, environ 1,3 milliard de personnes, soit une sur six, vivent avec un handicap important. Mais l’accessibilité profite à un public bien plus large :

• Personnes âgées : baisse de la vue, de l’audition ou de la précision des gestes.
• Handicaps temporaires : poignet plâtré, opération des yeux, fatigue.
• Situations du quotidien : smartphone en plein soleil, vidéo sans le son, connexion lente.
• Utilisateurs peu à l’aise avec le numérique ou avec la langue du site.

Autre bénéfice : une structure de titres claire, des textes alternatifs et des liens explicites aident aussi les moteurs de recherche et les moteurs de réponse IA à comprendre vos pages.

Que dit la loi en Europe ?

La directive (UE) 2019/882, dite European Accessibility Act, s’applique depuis le 28 juin 2025. Elle couvre notamment les services bancaires aux consommateurs, les livres numériques, certains services de transport et le commerce électronique, c’est-à-dire tout site ou application mobile permettant à un consommateur de conclure un achat à distance.

Elle vise aussi les prestataires qui proposent ces services aux consommateurs de l’Union sans y être établis : une entreprise tunisienne qui vend en ligne à des particuliers de l’Union est donc concernée. Les microentreprises (moins de 10 personnes et chiffre d’affaires ou total de bilan annuel d’au plus 2 millions d’euros) sont exemptées pour les services.

La référence technique pour démontrer la conformité est la norme européenne EN 301 549, dont la version 4.1.1, publiée en septembre 2026, s’aligne sur les WCAG 2.2 niveau AA.

WCAG 2.2 : les quatre principes à respecter

Les WCAG 2.2, publiées par le W3C en octobre 2023, comptent trois niveaux (A, AA, AAA) ; le niveau AA est la cible habituelle des réglementations. Leurs critères suivent quatre principes :

• Perceptible : l’information est perceptible par tous (textes alternatifs, sous-titres, contrastes).
• Utilisable : tout fonctionne au clavier, sans limite de temps excessive ni clignotement dangereux.
• Compréhensible : textes clairs, comportement prévisible, erreurs expliquées.
• Robuste : le code est compatible avec les technologies d’assistance, comme les lecteurs d’écran.

La version 2.2 ajoute notamment des critères sur le focus non masqué, la taille minimale des cibles et l’authentification sans test de mémoire.

La checklist de l’accessibilité web

Point à vérifier	Ce qu’il faut viser	Comment tester
Contraste du texte	Au moins 4,5:1 pour le texte courant, 3:1 pour les grands textes	Vérificateur de contraste, Lighthouse
Textes alternatifs	Une alternative pour chaque image informative, vide pour les images décoratives	WAVE, lecteur d’écran
Navigation au clavier	Tout est accessible avec Tab, Entrée, Espace et les flèches	Parcourir la page sans souris
Focus visible	L’élément actif est clairement signalé, jamais masqué	Navigation au clavier
Formulaires	Une étiquette par champ, des erreurs identifiées et expliquées	Test manuel, axe
Structure des titres	Une hiérarchie H1, H2, H3 logique	WAVE, lecteur d’écran
Vidéos	Sous-titres pour les vidéos préenregistrées	Lecture sans le son
Zoom	Texte lisible et fonctionnel à 200 %	Zoom du navigateur
Couleur	Aucune information transmise par la seule couleur	Affichage en niveaux de gris
Langue	Attribut lang déclaré (fr, en…)	Inspection du code
Taille des cibles	Au moins 24 × 24 pixels CSS, sauf exceptions (espacement suffisant, liens dans le texte)	Inspection, axe

Comment tester rapidement votre site ?

• Lighthouse, intégré aux outils de développement de Chrome : un audit automatique en quelques secondes.
• WAVE (WebAIM) et axe DevTools (Deque) : des extensions qui signalent les erreurs directement sur la page.
• Le clavier seul : débranchez la souris et réalisez une tâche clé, comme envoyer le formulaire de contact.
• Un lecteur d’écran : NVDA (gratuit, sous Windows) ou VoiceOver (intégré aux appareils Apple) révèle les libellés manquants.

Un outil automatique mesure un contraste, mais ne juge pas si un texte alternatif est pertinent : combinez toujours les deux approches.

Une méthode en 5 étapes

1. Auditer les parcours clés (accueil, contact, tunnel d’achat) au regard des WCAG 2.2 AA.
2. Prioriser les blocages qui empêchent de réaliser une tâche.
3. Corriger au niveau des composants plutôt que page par page.
4. Intégrer les règles au design system : contrastes, états de focus, tailles de cibles, formulaires.
5. Former les équipes de contenu aux textes alternatifs, aux titres et aux sous-titres.

FAQ

Mon site doit-il obligatoirement être accessible ?

Si vous proposez un service couvert par l’European Accessibility Act, comme la vente en ligne, à des consommateurs de l’Union européenne et que vous n’êtes pas une microentreprise, très probablement oui. Chaque État membre applique la directive par sa propre loi : faites vérifier votre situation par un juriste.

Une extension ou un widget d’accessibilité suffit-il ?

Non. Les widgets ajoutés en surcouche ne corrigent pas les problèmes à la source : code, structure, libellés, navigation au clavier. L’accessibilité se construit dans le design et le développement.

Combien de temps faut-il pour rendre un site accessible ?

Cela dépend de la taille du site et de sa base technique. Corriger contrastes, textes alternatifs et libellés est souvent rapide ; revoir des composants complexes prend plus de temps.

L’accessibilité améliore-t-elle le référencement ?

Indirectement. Google ne la présente pas comme un critère de classement direct, mais des titres logiques, des textes alternatifs et des liens explicites rendent vos contenus plus compréhensibles pour les moteurs de recherche et les IA.

Rendre votre site accessible avec Uteek

Chez Uteek, agence digitale basée aux Berges du Lac 2, à Tunis, nos équipes de design UX/UI et de développement web peuvent auditer votre site, prioriser les corrections et intégrer l’accessibilité à votre design system. Demandez un audit d’accessibilité.