Qu'est-ce que la norme WCAG ?
Les WCAG (Web Content Accessibility Guidelines) sont des recommandations publiées par le W3C (World Wide Web Consortium) depuis 1999 et mises à jour régulièrement — la version 2.2 est en vigueur depuis 2023, et la 3.0 est en préparation.
Leur objectif ? Rendre le contenu web accessible à toutes les personnes, qu'elles soient malvoyantes, malentendantes, dyslexiques, ou qu'elles naviguent au clavier sans souris. En France, la loi impose aux services publics numériques de respecter le RGAA (Référentiel Général d'Amélioration de l'Accessibilité), qui se base lui-même sur les WCAG.
Les 4 principes POUR
Toute la logique des WCAG repose sur quatre principes fondamentaux résumés par l'acronyme POUR :
Perceptible
L'information et les composants d'interface doivent être présentables à tous les utilisateurs. Exemple : toute image doit avoir un texte alternatif (attribut alt) lisible par les lecteurs d'écran.
Utilisable
Les composants d'interface et la navigation doivent être utilisables. Un site entièrement navigable au clavier, sans piège de focus, respecte ce principe.
Understandable (Compréhensible)
Le contenu textuel et le fonctionnement de l'interface doivent être compréhensibles. Cela implique une langue déclarée dans le HTML, des messages d'erreur clairs, des libellés de formulaires explicites.
Robuste
Le contenu doit être suffisamment robuste pour être interprété par des agents utilisateurs variés, y compris les technologies d'assistance (lecteurs d'écran, afficheurs braille).
Les trois niveaux : A, AA, AAA
Chaque critère WCAG est associé à un niveau de conformité :
Niveau A — Minimum obligatoire
- ✓Texte alternatif sur toutes les images
- ✓Navigation possible au clavier
- ✓Pas de contenu qui clignote plus de 3 fois/sec
- ✓Titres de page pertinents
Niveau AA — Standard recommandé (RGAA)
- ✓Contraste de couleurs minimum 4,5:1 (texte normal)
- ✓Redimensionnement du texte jusqu'à 200 % sans perte de contenu
- ✓Étiquettes et instructions sur les champs de formulaire
- ✓Cohérence de la navigation entre les pages
Niveau AAA — Excellence (optionnel)
- ✓Contraste renforcé 7:1
- ✓Langue des signes pour le contenu audio
- ✓Pas de limite de temps sur toutes les interactions
- ✓Aide contextuelle sur chaque champ de formulaire
ℹ️ Le niveau AA est le standard visé en pratique et celui exigé par la réglementation européenne. Le niveau AAA est rarement atteint à 100 % sur un site complet.
Accessibilité et SEO : deux alliés naturels
Google est, en un sens, l'utilisateur non-voyant le plus actif du web : il lit votre site uniquement via du texte et du code, sans voir vos images ni entendre vos vidéos. Respecter les WCAG améliore donc directement votre référencement :
Les attributs alt enrichissent le contexte sémantique de vos images pour Google.
Une structure de titres hiérarchique (h1 → h2 → h3) facilite l'indexation.
La performance (critère WCAG 2.1) contribue aux Core Web Vitals.
Des liens avec des libellés clairs améliorent le maillage interne.
Comment KineticWeb intègre les WCAG
Chez KineticWeb, l'accessibilité n'est pas une option de fin de projet : elle est intégrée dès la conception. Voici quelques pratiques concrètes que nous appliquons :
- ✓Lien "Passer au contenu principal" visible au focus clavier (skip link)
- ✓Attributs aria-label et aria-current sur la navigation
- ✓Contraste testé avec des outils comme Colour Contrast Analyser
- ✓Formulaires avec étiquettes (label) associées à chaque champ
- ✓Gestion du focus visible lors de la navigation clavier
- ✓HTML sémantique : nav, main, section, article, header, footer
- ✓Textes alternatifs sur toutes les images significatives
Outils pour tester l'accessibilité de votre site
Quelques outils gratuits pour commencer :
WAVE (WebAIM)
Extension navigateur pour visualiser les erreurs d'accessibilité en surimpression.
Lighthouse (Chrome DevTools)
Audit automatique inclus dans Chrome : onglet "Accessibilité" dans le rapport.
axe DevTools
Extension navigateur précise, utilisée par les équipes de développement professionnelles.
Colour Contrast Analyser
Logiciel desktop pour tester le ratio de contraste entre texte et fond.
En résumé
Les WCAG ne sont pas un fardeau administratif : elles représentent une opportunité de toucher 15 % de la population mondiale en situation de handicap, d'améliorer l'expérience de tous vos utilisateurs et de renforcer votre SEO. Un code accessible est un bon code.