Introduction
L'accessibilite web est un droit fondamental et, depuis 2019 en Belgique, une obligation legale pour de nombreuses organisations. En 2026, avec l'entree en vigueur de l'European Accessibility Act (EAA) qui etend les obligations au secteur prive, l'accessibilite web concerne desormais toutes les entreprises belges.
En Belgique, 15% de la population vit avec un handicap (selon le SPF Securite sociale), soit environ 1,7 million de personnes. A cela s'ajoutent les personnes agees (25% de la population belge a plus de 60 ans), les personnes en situation temporaire de handicap, et les utilisateurs avec des limitations contextuelles (luminosite, bruit, connexion lente). Au total, ce sont pres de 30% des utilisateurs qui beneficient directement d'un site web accessible.
Ce guide detaille le cadre legal belge, les normes techniques a respecter, les outils de verification et les bonnes pratiques pour rendre votre site web conforme et inclusif.
Le cadre legal de l'accessibilite web en Belgique
La directive europeenne 2016/2102 (secteur public)
La directive europeenne relative a l'accessibilite des sites internet et des applications mobiles des organismes du secteur public (directive 2016/2102) a ete transposee en droit belge. Elle impose aux organismes publics belges de rendre leurs sites web et applications mobiles accessibles conformement a la norme EN 301 549, qui s'appuie sur les WCAG 2.1 niveau AA.
Organismes concernes :
- Autorites federales, regionales et communautaires
- Communes et CPAS
- Hopitaux publics et universites
- Intercommunales et entreprises publiques
- Tout organisme finance principalement par des fonds publics
Obligations :
- Sites web publies apres le 23 septembre 2018 : conformes depuis le 23 septembre 2020
- Sites web publies avant le 23 septembre 2018 : conformes depuis le 23 septembre 2020
- Applications mobiles : conformes depuis le 23 juin 2021
- Publication d'une declaration d'accessibilite sur chaque site
- Mise en place d'un mecanisme de retour d'information permettant aux utilisateurs de signaler les problemes
L'European Accessibility Act (EAA) – Directive 2019/882
L'Acte europeen sur l'accessibilite (European Accessibility Act, EAA) est la revolution majeure de 2025. Transpose en droit belge, il etend les obligations d'accessibilite au secteur prive a partir du 28 juin 2025.
Secteurs concernes par l'EAA :
- Services bancaires : Services bancaires en ligne, applications bancaires, distributeurs automatiques
- Commerce electronique : Tous les sites de vente en ligne et applications d'achat
- Telecommunications : Services telephoniques, messagerie, acces a internet
- Transport : Services de transport de passagers (billetterie, information voyageurs)
- Audiovisuel : Services de medias audiovisuels (streaming, VOD)
- Livres electroniques et liseuses
- Ordinateurs, smartphones et tablettes (pour les fabricants)
Exceptions :
- Microentreprises (moins de 10 employes ET moins de 2 millions EUR de CA) : Exemptees de l'EAA pour les services
- Exception de "charge disproportionnee" : Si la mise en conformite represente un cout excessif par rapport aux benefices, une derogation est possible (a documenter et justifier)
Sanctions en Belgique :
- Le SPF Economie est l'autorite de surveillance pour l'EAA en Belgique
- Amendes administratives pouvant aller jusqu'a 87 000 EUR (selon l'arrete royal)
- Injonctions de mise en conformite avec delais fixes
- Possibilite de recours en justice par les personnes handicapees (loi anti-discrimination du 10 mai 2007)
Le cadre belge complementaire
- Loi anti-discrimination du 10 mai 2007 : Interdit la discrimination fondee sur le handicap, y compris dans l'acces aux biens et services (un site web inaccessible peut constituer une discrimination)
- Convention ONU relative aux droits des personnes handicapees (ratifiee par la Belgique) : Article 9 sur l'accessibilite, article 21 sur l'acces a l'information
- Decrets regionaux : Les regions ont leurs propres dispositions complementaires
Les normes techniques : WCAG 2.1 et 2.2
Qu'est-ce que les WCAG ?
Les Web Content Accessibility Guidelines (WCAG) sont les normes internationales d'accessibilite web publiees par le W3C (World Wide Web Consortium). Elles sont organisees autour de 4 principes fondamentaux (POUR) :
1. Perceptible : L'information doit etre presentable de maniere perceptible par tous les utilisateurs.
- Alternatives textuelles pour les images
- Sous-titres pour les videos
- Contenu adaptable (reflow, orientation)
- Contraste suffisant entre texte et arriere-plan
2. Utilisable : Les composants d'interface doivent etre utilisables par tous.
- Navigation au clavier possible
- Temps suffisant pour lire et interagir
- Pas de contenu provoquant des crises (flashs)
- Navigation et orientation facilitees
3. Comprehensible : L'information et l'interface doivent etre comprehensibles.
- Texte lisible et comprehensible
- Fonctionnement previsible des pages
- Aide a la saisie (formulaires avec messages d'erreur clairs)
4. Robuste : Le contenu doit etre suffisamment robuste pour etre interprete par divers agents utilisateurs.
- Compatibilite avec les technologies d'assistance
- HTML valide et semantique
- Etats et proprietes des composants correctement communiques
Niveaux de conformite
| Niveau | Description | Obligation legale en Belgique |
|---|---|---|
| A | Niveau minimal (30 criteres) | Obligatoire (inclus dans AA) |
| AA | Niveau recommande (20 criteres supplementaires) | Obligatoire pour le secteur public et prive (EAA) |
| AAA | Niveau optimal (28 criteres supplementaires) | Recommande mais non impose |
Les criteres WCAG 2.1 AA les plus importants
Voici les criteres les plus frequemment violes par les sites web belges :
| Critere | Description | Impact |
|---|---|---|
| 1.1.1 Alternatives textuelles | Toute image non decorative doit avoir un texte alternatif | Lecteurs d'ecran (aveugles) |
| 1.3.1 Information et relations | Structure semantique correcte (titres, listes, tableaux) | Lecteurs d'ecran, navigation |
| 1.4.3 Contraste minimal | Ratio de contraste 4.5:1 pour le texte normal, 3:1 pour le grand texte | Malvoyants, personnes agees |
| 1.4.4 Redimensionnement du texte | Texte agrandissable a 200% sans perte de fonctionnalite | Malvoyants |
| 2.1.1 Clavier | Toute fonctionnalite accessible au clavier | Personnes a mobilite reduite |
| 2.4.1 Contourner des blocs | Liens d'evitement pour sauter la navigation | Utilisateurs clavier |
| 2.4.4 Fonction du lien | Le but de chaque lien est clair (pas de "cliquez ici") | Lecteurs d'ecran |
| 3.1.1 Langue de la page | La langue principale est identifiee en HTML | Lecteurs d'ecran, traduction |
| 3.3.1 Identification des erreurs | Les erreurs de saisie sont identifiees et decrites | Tous les utilisateurs |
| 4.1.2 Nom, role, valeur | Les composants d'interface ont un nom et un role accessibles | Technologies d'assistance |
WCAG 2.2 : les nouveautes (2023)
Les WCAG 2.2, publiees en octobre 2023, ajoutent 9 nouveaux criteres, dont :
- 2.4.11 Focus non masque (minimum) : Le focus clavier ne doit pas etre completement cache par d'autres elements
- 2.4.13 Focus visible ameliore : L'indicateur de focus doit etre suffisamment visible (niveau AAA)
- 2.5.7 Mouvements de glissement : Alternatives pour les gestes de glissement (swipe)
- 2.5.8 Taille de la cible : Les cibles cliquables doivent faire au moins 24×24 pixels CSS (niveau AA)
- 3.3.7 Entrees redondantes : Ne pas demander plusieurs fois les memes informations
- 3.3.8 Authentication accessible : Les mecanismes d'authentification ne doivent pas dependre de tests cognitifs
Comment rendre votre site web accessible : guide pratique
Phase 1 : Audit d'accessibilite (1-2 semaines)
Etape 1 : Audit automatise
Les outils automatises detectent environ 30-40% des problemes d'accessibilite :
| Outil | Prix | Points forts |
|---|---|---|
| WAVE (WebAIM) | Gratuit (extension navigateur) | Visualisation claire des erreurs |
| axe DevTools (Deque) | Gratuit (extension navigateur) | Tres precis, integre dans les outils de dev |
| Lighthouse (Google) | Gratuit (integre dans Chrome DevTools) | Score d'accessibilite, bonnes pratiques |
| Pa11y | Gratuit (open source, CLI) | Automatisable dans les pipelines CI/CD |
| SiteImprove | Payant (sur devis) | Monitoring continu, conformite WCAG |
| Monsido | Payant (a partir de 100 EUR/mois) | Monitoring, conformite, qualite |
Etape 2 : Audit manuel
L'audit automatise ne suffit pas. Un audit manuel est indispensable :
- Navigation au clavier : Parcourez tout le site avec le clavier seul (Tab, Shift+Tab, Enter, Escape, fleches). Verifiez que le focus est visible, que l'ordre est logique, et que toutes les fonctionnalites sont accessibles.
- Lecteur d'ecran : Testez avec VoiceOver (macOS/iOS), NVDA (Windows, gratuit) ou JAWS (Windows, payant). Verifiez que le contenu est annonce correctement.
- Zoom : Agrandissez la page a 200% et verifiez que le contenu reste lisible et fonctionnel.
- Contraste : Verifiez les ratios de contraste avec Color Contrast Analyser (CCA, gratuit).
Etape 3 : Tests avec des utilisateurs
Si possible, faites tester votre site par des personnes en situation de handicap. En Belgique, plusieurs associations peuvent vous aider :
- AnySurfer (bruxellois, reference en accessibilite web en Belgique)
- Eqla (anciennement Oeuvre Nationale des Aveugles)
- Brailleliga (Ligue Braille)
- Blindenzorg Licht en Liefde (Flandre)
Phase 2 : Corrections prioritaires (2-6 semaines)
Corrections rapides (Quick Wins) :
- Ajouter des textes alternatifs aux images :
<img src="photo.jpg" alt="Description de l'image"> - Corriger la hierarchie des titres : Utiliser h1 > h2 > h3 dans l'ordre, sans sauter de niveaux
- Ameliorer le contraste : Assurer un ratio minimum de 4.5:1 pour le texte
- Ajouter la langue de la page :
<html lang="fr">(ou "nl" pour le neerlandais, "de" pour l'allemand) - Rendre les formulaires accessibles : Associer chaque champ a un label, fournir des messages d'erreur clairs
- Ajouter un lien d'evitement : "Aller au contenu principal" en debut de page
- Rendre les liens explicites : Remplacer "cliquez ici" par "Consultez notre politique de confidentialite"
Corrections structurelles :
- Navigation au clavier : Assurer que tous les elements interactifs sont focusables et activables au clavier
- Indicateur de focus visible : Ne jamais supprimer
outline: nonesans alternative visible - Landmarks ARIA : Utiliser les roles ARIA et les elements HTML5 semantiques (nav, main, header, footer, aside)
- Sous-titres video : Ajouter des sous-titres et une transcription a toutes les videos
- Responsive et reflow : Le contenu doit etre accessible a 320px de largeur (reflow, pas de defilement horizontal)
Phase 3 : Integration dans le processus de developpement (continu)
L'accessibilite ne doit pas etre un projet ponctuel mais une partie integrante de votre processus :
- Design system accessible : Integrer les regles d'accessibilite dans votre charte graphique et vos composants
- Tests automatises dans le CI/CD : Integrer axe-core ou Pa11y dans vos pipelines de deploiement
- Formation des equipes : Former designers, developpeurs et redacteurs a l'accessibilite
- Revue d'accessibilite : Inclure une verification d'accessibilite dans chaque code review
- Monitoring continu : Utiliser des outils comme SiteImprove ou Monsido pour suivre votre score en continu
Specificites belges : multilinguisme et accessibilite
La Belgique etant trilingue, l'accessibilite web doit prendre en compte les specificites linguistiques :
- Attribut lang : Chaque page doit avoir l'attribut
langcorrect (fr,nl,de). Si une section est dans une autre langue, utilisezlangsur l'element contenant. - Navigation linguistique accessible : Le selecteur de langue doit etre accessible au clavier et aux lecteurs d'ecran.
- Contenu equivalent : Si votre site est disponible en plusieurs langues, le niveau d'accessibilite doit etre identique dans toutes les versions.
La declaration d'accessibilite
Obligation legale
Les sites web du secteur public et, depuis l'EAA, de nombreuses entreprises privees doivent publier une declaration d'accessibilite :
Contenu obligatoire :
- Date de la declaration et date du dernier audit
- Niveau de conformite declare (total, partiel, non conforme)
- Liste des contenus non accessibles avec justification
- Alternatives proposees
- Coordonnees pour le retour d'information
- Procedure de recours
Modele : L'organe de controle belge fournit un modele de declaration d'accessibilite. Pour le secteur public, le modele est disponible sur le site du BOSA (SPF Strategie et Appui).
AnySurfer : le label d'accessibilite belge
AnySurfer est l'initiative belge de reference en matiere d'accessibilite web. Elle propose :
- Label AnySurfer : Certification d'accessibilite pour les sites web et applications, basee sur les WCAG 2.1 AA
- Audits d'accessibilite : Realisees par des experts certifies
- Formations : Pour les designers, developpeurs et redacteurs de contenu
- Conseils : Accompagnement pour la mise en conformite
Cout d'un label AnySurfer :
- Audit initial : 1 500 – 5 000 EUR selon la taille du site
- Label valable 3 ans (re-audit a mi-parcours)
- Contact : info@anysurfer.be / anysurfer.be
Budget pour la mise en conformite
Estimation par type de site
| Type de site | Cout de mise en conformite | Delai |
|---|---|---|
| Site vitrine simple (5-10 pages) | 2 000 – 5 000 EUR | 2-4 semaines |
| Site institutionnel (20-50 pages) | 5 000 – 15 000 EUR | 4-8 semaines |
| Site e-commerce (100+ pages) | 15 000 – 40 000 EUR | 2-4 mois |
| Application web complexe | 20 000 – 80 000 EUR | 3-6 mois |
| Application mobile | 10 000 – 30 000 EUR | 2-4 mois |
Note : Il est toujours moins couteux d'integrer l'accessibilite des la conception que de corriger un site existant. Le surcout d'un site accessible des la conception est estime a 10-15% seulement du budget total.
Prestataires belges specialises en accessibilite
- AnySurfer (Bruxelles) : Audits, label, formations
- Eleven Ways (Gand) : Audits et developpement accessible
- Wieni (Malines) : Agence web specialisee en accessibilite
- Emakina (Bruxelles) : Agence digitale avec expertise accessibilite
- Espero-Soft : Developpement web accessible pour les entreprises belges
Le ROI de l'accessibilite web
L'accessibilite web n'est pas qu'une obligation legale, c'est aussi un investissement rentable :
- SEO ameliore : Les bonnes pratiques d'accessibilite (textes alternatifs, hierarchie des titres, HTML semantique) ameliorent le referencement naturel
- Audience elargie : Touchez 15-30% d'utilisateurs supplementaires
- Meilleure experience utilisateur : Un site accessible est un site mieux concu pour tous
- Reduction des risques legaux : Evitez les amendes (jusqu'a 87 000 EUR) et les poursuites
- Image de marque : L'inclusivite est un facteur de differenciation et de reputation
- Performances ameliorees : Un code propre et semantique est souvent plus performant
Conclusion
L'accessibilite web est une obligation legale croissante en Belgique, etendue au secteur prive depuis l'EAA en 2025. Mais au-dela de la conformite, c'est un investissement dans la qualite, l'inclusion et la performance de votre presence en ligne.
Commencez par un audit de votre site existant, corrigez les problemes les plus critiques (textes alternatifs, contraste, navigation clavier), puis integrez l'accessibilite dans votre processus de conception et de developpement. Les outils gratuits comme WAVE et axe DevTools vous permettent de demarrer immediatement.
La Belgique dispose d'un ecosysteme mature en accessibilite web avec AnySurfer, des formations disponibles et des aides regionales pour financer votre mise en conformite. N'attendez pas une plainte ou un controle pour agir : rendez votre site accessible des aujourd'hui.
Cet article a ete redige par l'equipe Espero-Soft pour le blog dedie aux entrepreneurs en Belgique. Pour un audit d'accessibilite ou le developpement d'un site web accessible, contactez nos experts.
Tags : #accessibilite #WCAG #obligationlegale #web #Belgique