Comment optimiser l'accessibilité numérique de son site web professionnel
Vous pensez que l'accessibilité web ne concerne que les personnes handicapées ? Faux.
L'accessibilité profite à :
- 15% de la population mondiale (handicaps visuels, moteurs, auditifs, cognitifs)
- Les seniors (vision déclinante, dextérité réduite)
- Les utilisateurs mobiles (écran petit, luminosité variable)
- Les connexions lentes (contenu texte prioritaire)
- Les robots Google (ils lisent comme un lecteur d'écran)
Un site accessible est un site meilleur pour tout le monde.
Le cadre légal en Belgique
L'obligation légale
Depuis 2020, les sites publics belges doivent être conformes au RGAA (Référentiel Général d'Amélioration de l'Accessibilité).
Pour les entreprises privées, ce n'est pas encore obligatoire. Mais c'est une question de temps. Et c'est surtout une question d'opportunité.
Les sanctions potentielles
- Plaintes pour discrimination
- Perte de marchés publics
- Mauvaise publicité
Mais surtout : perte de clients. Et ça, c'est le pire.
Les 4 principes de l'accessibilité (WCAG)
1. Perceptible
L'information doit être perceptible par tous les sens.
| Problème | Solution |
|---|---|
| Image sans alt text | Alt text descriptif |
| Vidéo sans sous-titres | Sous-titres + transcript |
| Contraste insuffisant | Ratio 4.5:1 minimum |
| Texte trop petit | 16px minimum |
2. Utilisable
L'interface doit être utilisable par tous.
| Problème | Solution |
|---|---|
| Navigation uniquement souris | Navigation clavier complète |
| Temps limité pour répondre | Pas de limite de temps |
| Contenu qui clignote | Pas de contenu clignotant |
3. Compréhensible
L'information doit être compréhensible.
| Problème | Solution |
|---|---|
| Langue non déclarée | <html lang="fr"> |
| Abbreviations non expliquées | Explications la première fois |
| Erreurs de formulaire vagues | Messages d'erreur précis |
4. Robuste
Le site doit fonctionner avec les technologies d'assistance.
| Problème | Solution |
|---|---|
| HTML invalide | HTML sémantique valide |
| ARIA incorrect | ARIA utilisé correctement |
| JavaScript indispensable | Contenu accessible sans JS |
La checklist d'accessibilité rapide
Structure
- Balises HTML sémantiques (
<header>,<nav>,<main>,<article>,<footer>) - Un seul
<h1>par page - Hiérarchie de titres logique (h1 > h2 > h3)
- Landmarks ARIA corrects
Images
- Alt text sur toutes les images informatives
- Alt vide (
alt="") sur les images décoratives - Pas d'images de texte
Couleurs
- Contraste texte/fond ≥ 4.5:1
- Contraste pour les gros textes ≥ 3:1
- L'information ne repose pas uniquement sur la couleur
Formulaires
- Labels associés aux champs (
<label for="id">) - Messages d'erreur clairs
- Suggestions de correction
- Pas de validation uniquement à la soumission
Navigation
- Tout accessible au clavier (Tab, Entrée, Espace)
- Focus visible sur les éléments interactifs
- Skip link (lien pour sauter le menu)
- Pas de piège au clavier
Contenu
- Langue déclarée
- Liens descriptifs (pas "cliquez ici")
- Tableaux avec en-têtes
- Vidéos sous-titrées
Comment tester l'accessibilité
Outils automatiques
| Outil | Fonction |
|---|---|
| Lighthouse (Chrome DevTools) | Score accessibilité + diagnostics |
| WAVE (wave.webaim.org) | Visualise les problèmes |
| axe DevTools | Extension Chrome détaillée |
| Contrast Checker | Vérifie les contrastes |
Tests manuels
- Navigation au clavier : naviguez sans souris. Tout est accessible ?
- Lecteur d'écran : testez avec NVDA (Windows) ou VoiceOver (Mac)
- Zoom 200% : le contenu reste-il lisible ?
L'accessibilité et le SEO
Bonus : l'accessibilité améliore le SEO.
| Accessibilité | SEO |
|---|---|
| Alt text | Indexation images |
| Structure sémantique | Compréhension Google |
| Contraste | Temps de lecture = signal positif |
| Vitesse | Core Web Vitals |
| Contenu texte | Indexation complète |
Google lit votre site comme un lecteur d'écran. Un site accessible = un site bien indexé.
Notre approche chez Promto.be
L'accessibilité est intégrée dès le départ :
- ✅ HTML sémantique
- ✅ Alt text systématique
- ✅ Contraste vérifié
- ✅ Navigation clavier
- ✅ Formulaires accessibles
- ✅ ARIA quand nécessaire
- ✅ Tests Lighthouse accessibilité > 90
Ce n'est pas une surcouche. C'est dans la fondation.
Conclusion
L'accessibilité n'est pas une contrainte. C'est une opportunité.
15% de la population en Belgique a un handicap. C'est 1.7 million de personnes. Des clients potentiels. Des utilisateurs. Des citoyens.
Un site accessible :
- Touche plus de monde
- Meilleur pour le SEO
- Conforme à l'évolution légale
- Plus facile à utiliser pour tout le monde
C'est le web comme il devrait être. Inclusif. Pour tous.