Dans un monde numérisé où Internet joue un rôle central dans la vie quotidienne, l'accessibilité n'est plus seulement une question éthique : depuis le 28 juin 2025, elle est une obligation légale en vertu de la loi sur le renforcement de l'accessibilité (BFSG). Un site web accessible permet aux personnes souffrant de divers handicaps d'utiliser sans restriction vos offres numériques. En même temps, vous profitez d'un meilleur classement, d'une plus grande portée et d'une fidélité accrue de vos clients. Dans ce guide mis à jour, on te présente une liste de contrôle complète pour les sites web conformes à la BFSG et on te montre comment mettre en pratique ces exigences.

Qu'est-ce que la BFSG et pourquoi sera-t-elle obligatoire à partir de 2026 ?

La loi sur le renforcement de l'accessibilité (BFSG) est la transposition allemande de l'European Accessibility Act (EAA). Depuis le 28 juin 2025, les entreprises qui fournissent des produits et services numériques aux consommateurs doivent les rendre accessibles. Cela concerne principalement les sites web, les boutiques en ligne, les applications et les services numériques. Les infractions à la BFSG sont passibles d'amendes pouvant aller jusqu'à 100 000 euros et de restrictions imposées par les autorités de surveillance du marché.

Exception : les micro-entreprises (moins de 10 employés et un chiffre d'affaires annuel maximal de 2 millions d'euros) sont partiellement exemptées, mais doivent néanmoins satisfaire aux exigences en tant que fabricants de produits lorsqu'elles mettent des produits sur le marché.

Quelles sont les normes techniques applicables ?

Les exigences de la BFSG reposent sur les directives internationales WCAG 2.2 (Web Content Accessibility Guidelines) au niveau de conformité AA. Celles-ci sont concrétisées par la norme européenne EN 301 549. Les outils de test automatiques ne suffisent pas à eux seuls : selon les connaissances actuelles, ils ne vérifient qu'environ 30 % des critères requis. Une mise en œuvre complète nécessite donc une expertise technique.

Important : les solutions de superposition et les plugins d'accessibilité externes ne constituent pas une solution suffisante. Ils peuvent même créer de nouveaux obstacles et perturber les lecteurs d'écran ou d'autres technologies d'assistance. L'accessibilité doit être intégrée dans l'architecture technique de base de votre site web.

À qui s'adressent les sites web accessibles ?

Les sites Web accessibles sont spécialement conçus pour les personnes souffrant de divers types de handicaps et de limitations, notamment : 

• Personnes malvoyantes ou aveugles ont besoin de lecteurs d'écran et de textes alternatifs détaillés pour les images.

• Personnes malentendantes ont besoin de sous-titres et de transcriptions des contenus audio.

• Personnes à mobilité réduite ont besoin d'un site Web entièrement navigable à l'aide du clavier.

• Personnes souffrant de troubles cognitifs bénéficient d'une structure claire, d'un langage simple et d'un design intuitif.

• Les personnes âgées et les personnes souffrant d'un handicap temporaire (par exemple, un bras blessé) utilisent également les fonctionnalités d'accessibilité.

Quels sont les principaux avantages des sites web accessibles ?

L'accessibilité permet de supprimer les obstacles et les barrières numériques et favorise une participation plus large à Internet. Les sites Web accessibles contribuent ainsi à promouvoir l'égalité et l'accessibilité dans l'espace numérique. Parmi les autres avantages des sites Web accessibles, on peut citer :

• Portée plus large : les sites Web accessibles touchent un public plus large, car ils sont accessibles à tous les utilisateurs, quelles que soient leurs capacités ou leurs limitations. 

• Meilleure expérience utilisateur : un site web accessible offre à tous les utilisateurs une expérience en ligne optimale, car il est intuitif à naviguer et propose des instructions claires ainsi que des formats de contenu alternatifs. 

• Amélioration du référencement naturel (SEO) : les sites web accessibles sont mieux classés par les moteurs de recherche, car ils offrent une meilleure expérience utilisateur et peuvent ainsi réduire le taux de rebond. Cela peut se traduire par un meilleur classement dans les résultats de recherche. À cela s'ajoutent les textes ALT, qui sont également évalués positivement. 

• Image et réputation : en créant un site web accessible, vous montrez votre engagement en faveur de l'égalité et de l'accessibilité. Si vous communiquez clairement à ce sujet, cela peut renforcer votre image et accroître la confiance des utilisateurs. 

• Inclusion et participation : les sites web accessibles contribuent à promouvoir une société inclusive en offrant aux personnes ayant des capacités différentes les mêmes chances de participer à la vie numérique. 

• Conformité juridique : l'accessibilité est une obligation légale dans de nombreux pays. Le respect des normes d'accessibilité permet d'éviter les risques juridiques et les éventuelles poursuites pour discrimination ou violation des directives en matière d'accessibilité.

Votre liste de contrôle pour un site web accessible et conforme à la loi allemande sur l'accessibilité numérique (BFSG)

Nous avons rassemblé pour vous les critères particulièrement importants pour un site web accessible à tous :

1. NAVIGATION ET STRUCTURE

 Structure logique et intuitive :

Les sites web accessibles doivent toujours suivre une structure logique et intuitive afin de garantir une expérience utilisateur fluide. Un code source propre et sans erreur est une condition préalable à l'accessibilité.

• Le code source de la page (HTML) doit être exempt d'erreurs.
• Une hiérarchie claire du contenu facilite la navigation.
• Toutes les fonctions doivent être correctement identifiées sur le plan sémantique.

Navigation facile:

Les visiteurs de votre site web doivent pouvoir le parcourir sans difficulté. Cela implique une structure logique du menu, des textes de liens faciles à comprendre et la cohérence des éléments ayant la même fonction sur l'ensemble du site web. En outre, différentes options de navigation sont disponibles, telles que des ancres, des tables des matières et une fonction de recherche :

• Tous les éléments interactifs doivent être accessibles via le clavier.
• L'ordre des priorités doit être logique et compréhensible.
• Le focus du clavier doit toujours être visible (pas de outline: none sans alternative)
• Les liens de saut permettent d'ignorer les contenus répétitifs.

 Structure des titres:

Les titres structurent votre site web. Des titres logiques et pertinents permettent aux utilisateurs de s'orienter plus facilement sur le site et de suivre le contenu.  

• Utilisez H1, H2, H3, etc. dans un ordre logique.
• Il ne devrait y avoir qu'un seul H1 par page.
• Les titres décrivent précisément le contenu des pages.
• N'utilisez pas les titres uniquement pour le formatage

Conception réactive:

Votre site web doit s'adapter automatiquement à différentes tailles d'écran, telles que celles des téléphones portables ou des tablettes, afin que le contenu reste lisible aussi bien sur les grands écrans que sur les petits. 

• Le contenu doit rester lisible sur toutes les tailles d'écran.
• La fonctionnalité doit être préservée même avec un zoom à 200 %.
• Les cibles tactiles doivent avoir une taille minimale de 48 x 48 pixels CSS.

2. LANGUE

 Langue correctement identifiée:

Dans un premier temps, la langue souhaitée doit être correctement indiquée dans le code source de la page :

• Setzen Sie <html lang=“de“> korrekt
• Les contenus multilingues doivent être longueattributs
• Sinon, les lecteurs d'écran lisent le site web avec une prononciation incorrecte.

 Langage simple et compréhensible:

Formulez vos textes de manière aussi simple et compréhensible que possible et évitez les phrases longues. Pour les sites web particulièrement complexes, il peut être judicieux de proposer une version supplémentaire en langage simplifié :

• Formulez vos phrases de manière concise et précise.
• Évitez les phrases longues et alambiquées
• Utilisez des formats de liste pour structurer vos textes
• Si nécessaire, proposez une version en langage simplifié.

Éviter les mots étrangers, les termes techniques et les abréviations:

Évitez les termes techniques complexes, les mots étrangers et les abréviations. De plus, les abréviations doivent être écrites en toutes lettres lors de leur première apparition. Si la prononciation correcte d'un mot est importante, elle est indiquée directement après le mot : 

• Expliquez les termes techniques dans le texte ou via un glossaire.
• Écrivez les abréviations en toutes lettres lors de leur première occurrence : « SEO (optimisation pour les moteurs de recherche) ».
• Nutzen Sie das <abbr>-Element für Abkürzungen

3. MÉDIAS ET DESIGN

Bonne lisibilité et taille:

Veillez à utiliser une taille de police appropriée ainsi qu'un interligne et un espacement des caractères adaptés. À titre indicatif, l'interligne doit être au moins 1,5 fois plus grand que la taille de la police et l'espacement entre les paragraphes doit être au moins 1,5 fois plus grand que l'interligne. De plus, l'utilisateur doit pouvoir personnaliser la taille de la police, l'interligne et l'espacement des caractères. Outre les éléments textuels, les boutons, les liens et les menus de navigation doivent également être fournis dans une taille appropriée :

• Taille minimale des caractères : 14-16 px pour le corps du texte
• Interligne au moins 1,5x, espacement des paragraphes au moins 1,5x l'interligne
• Les utilisateurs devraient pouvoir agrandir la taille des caractères jusqu'à 200 %.
• Choisissez des polices lisibles (les polices sans empattement sont souvent préférables pour les écrans).

Bon rapport de contraste:

Un contraste adéquat garantit que les utilisateurs malvoyants puissent clairement reconnaître les contenus. Il améliore également la lisibilité générale et facilite la compréhension rapide des informations pour tous les utilisateurs. Lors du choix des couleurs, veillez particulièrement au daltonisme et aux troubles de la vision, tels que la déficience rouge-vert :

• Contraste texte/fond d'au moins 4,5:1 (normal) ou 3:1 (grand)
• Ne vous fiez pas uniquement à la couleur pour transmettre des informations
• Les personnes atteintes de daltonisme rouge-vert doivent pouvoir reconnaître tous les contenus.
• Utilisez des outils tels que WebAIM Contrast Checker pour vérifier

 Ajouter des textes ALT aux images:

Les textes alternatifs ou textes ALT sont très importants pour garantir l'accessibilité d'un site web et contribuent également à l'optimisation pour les moteurs de recherche. Les personnes malvoyantes ou aveugles peuvent écouter le contenu du site web en utilisant le texte ALT d'une image. Il est donc important que vous décriviez les images de votre site web de manière aussi précise que possible dans le backend. La règle suivante s'applique : aussi concis que possible, mais aussi détaillé que nécessaire. Si cela est judicieux, essayez également d'intégrer le mot-clé principal de la page correspondante dans le texte ALT.

• Décrivez chaque image significative de manière précise et concise.
• Idéal : 80 à 125 caractères, pertinent et compréhensible dans son contexte
• Intégrez si possible le mot-clé principal
• Images décoratives : attribut ALT vide (alt=« »)
• Évitez les débuts tels que « Image de... » – cela est redondant avec le lecteur d'écran.

Proposer des alternatives pour les médias audiovisuels:

Les médias audiovisuels peuvent représenter un défi pour certains groupes de personnes. C'est pourquoi il est important que les fichiers audio tels que les podcasts contiennent une transcription. Une transcription est une version écrite du contenu parlé. Cela permet aux personnes qui ne peuvent pas écouter le contenu audio de le lire et de le comprendre. Pour la même raison, les enregistrements vidéo doivent être accompagnés de sous-titres synchronisés.

• Vidéos : Sous-titres synchronisés (captions) et audiodescription
• Podcasts/audio : Fournir la transcription complète
• Réduire les bruits de fond
• Utilisez des sous-titres professionnels, pas uniquement des sous-titres générés automatiquement.

 Formulaires et appels à l'action accessibles

Souvent, l'objectif principal d'un site web est de générer des prospects par le biais de prises de contact. Il est donc essentiel que les formulaires de contact soient clairs et compréhensibles. Cela concerne non seulement la taille et la couleur des champs de saisie et des boutons, mais aussi une description claire de leur fonction et le marquage distinctif des champs obligatoires. Les captchas graphiques doivent être évités, car ils sont difficiles à résoudre pour certains groupes de personnes.

Conception de formulaires accessibles

• Jedes Eingabefeld muss ein <label> haben
• Le label et l'entrée doivent être reliés entre eux de manière programmatique.
• Les champs obligatoires sont clairement indiqués (avec required ou aria-required).
• Formuler des messages d'erreur précis et orientés vers la recherche de solutions
• Afficher les messages d'erreur au même endroit que le champ mal rempli.

Pas de CAPTCHAs graphiques

• Remplacez-les par des alternatives textuelles ou logiques.
• Utilisez reCAPTCHA v3 (invisible, mais là encore, vous devriez proposer des alternatives).
• Accessibilité maximale : combinez plusieurs méthodes de vérification

Bouton et texte du lien

• Dites ce que fait le bouton : pas « Cliquez ici », mais « Envoyer le formulaire de contact ».
• Les liens doivent être compréhensibles dans leur contexte.
• Utilisez aria-label uniquement si nécessaire pour compléter

 Déclaration d'accessibilité:

Obligatoire à partir de 2025 : fournir une déclaration d'accessibilité:

• Celui-ci devait documenter les obstacles connus et définir des objectifs d'amélioration.
• Possibilité de contact pour les utilisateurs souhaitant signaler des obstacles

 Informations sur les produits et processus de paiement :

Pour le commerce électronique : informations sur l'accessibilité des produits proposés (si disponibles). Les fonctions de paiement et de sécurité doivent offrir des alternatives accessibles !

• L'ensemble du processus d'achat doit être accessible à tous.
• L'authentification ne doit pas être basée sur des images ou des vidéos.
• Toutes les étapes doivent être logiquement compréhensibles.

Étapes pratiques de mise en œuvre

Étape 1 : audit et état des lieux

Faites auditer votre site web par des professionnels. Les outils automatiques ne sont qu'un début : un audit réalisé par des experts avec de véritables utilisateurs handicapés est essentiel. Documentez la situation actuelle et identifiez les principaux obstacles.

Étape 2 : hiérarchisation

Tout ne peut pas être mis en œuvre immédiatement. Concentrez-vous d'abord sur : * Les fonctions essentielles (navigation, formulaires, paiement) * Les pages les plus fréquemment consultées * Les principaux obstacles ayant le plus grand impact

Étape 3 : mise en œuvre technique

• Réviser la structure HTML (HTML sémantique, ARIA uniquement si nécessaire)
• Régler la couleur et le contraste
• Mettre en œuvre la gestion de la concentration
• Tester un lecteur d'écran (gratuit : NVDA)

Étape 4 : optimiser le contenu

• Simplifier et structurer les textes
• Ajouter des textes alternatifs
• Ajouter des sous-titres aux vidéos
• Maintenir régulièrement les contenus

Schritt 5: Testing und Monitoring

• Tests automatiques réguliers (axe DevTools, WAVE)
• Tests manuels avec de vrais utilisateurs et des technologies d'assistance
• Mettre en place un canal de retour d'information des utilisateurs
• Intégrer l'accessibilité dans le processus de développement

  Informations sur les produits et processus de paiement :

Pour le commerce électronique : informations sur l'accessibilité des produits proposés (si disponibles). Les fonctions de paiement et de sécurité doivent offrir des alternatives accessibles !

• L'ensemble du processus d'achat doit être accessible à tous.
• L'authentification ne doit pas être basée sur des images ou des vidéos.
• Toutes les étapes doivent être logiquement compréhensibles.

Conférence du SEO-Stammtisch Karlsruhe sur l'introduction du BFSG Meilleures pratiques chez dm

Le 13 novembre 2025, le SEO-Stammtisch a de nouveau été invité au dm-dialogicum à Karlsruhe. Boris Pawlikowski, de dm, nous a fait découvrir la pratique et a montré, sous le titre « SEO + accessibilité (BFSG) – des avantages pour les deux mondes », pourquoi l'accessibilité (A11y) et le SEO ne sont pas concurrents, mais forment au contraire un duo parfait.

Voici les principaux enseignements à retenir de cette soirée :

Le cadre juridique est clairement défini. Depuis le 28 juin 2025, la loi sur l'accessibilité doit être appliquée.

Qui est concerné ? Toutes les entreprises de plus de 10 salariés et dont le chiffre d'affaires annuel dépasse 2 millions d'euros.

Quelles sont les sanctions encourues ? En cas de non-respect, des amendes peuvent être infligées.

La base : la loi transpose la directive européenne 2019/882 (loi européenne sur l'accessibilité) et s'appuie sur les directives pour l'accessibilité des contenus web (WCAG) ainsi que sur la BITV.

Mais Boris a rapidement précisé qu'il ne s'agissait pas seulement d'une question de conformité. Un site web accessible aide non seulement les personnes aveugles, mais aussi les utilisateurs dans certaines situations (par exemple dans un environnement bruyant ou avec des limitations temporaires telles qu'un bras cassé).

Le croisement : SEO & A11y

L'accessibilité est souvent considérée comme « une tâche supplémentaire » à côté du référencement technique et de l'optimisation on-page. La présentation a toutefois montré que les recoupements sont énormes. Les domaines dans lesquels le référencement et l'accessibilité vont de pair sont essentiels pour les deux disciplines :

Titres : des hiérarchies claires facilitent le travail des lecteurs d'écran et des robots d'indexation.

Liens internes : les textes descriptifs des liens sont préférables pour tous les utilisateurs.

Textes ALT : essentiels pour les lecteurs d'écran et la recherche d'images.

 Conseil pratique : textes alternatifs générés par l'IA

L'un des moments forts a été l'approfondissement de la création de textes alternatifs à l'aide de l'IA. La rédaction manuelle étant souvent fastidieuse, dm mise sur l'assistance automatisée.

Apprentissages importants concernant l'invite du système : pour que l'IA fournisse des résultats exploitables, la structure de l'invite est déterminante :

Rôle : attribution d'un rôle d'expert (par exemple, rédacteur en ligne).

Tâche : description concise de l'objectif.

Règles : consignes concrètes (longueur, ce qui doit être décrit).

Exemples : aide à l'orientation pour l'IA grâce à des exemples de bonnes pratiques.

Tout est question de structure : sémantique et GEO

La structuration sémantique des contenus (éléments HTML5, balises d'en-tête correctes) est la colonne vertébrale de l'accessibilité. Un lecteur d'écran lit les éléments dans un ordre fixe, par exemple d'abord le texte alternatif d'une image, puis le titre, puis le texte courant.

Perspectives intéressantes pour l'avenir : une structure sémantique claire facilite non seulement le référencement classique, mais constitue également la base du GEO (Generative Engine Optimization), c'est-à-dire l'optimisation pour les réponses basées sur l'IA.

surveillance

Il n'est pas nécessaire de se demander si son propre site est conforme. Boris recommande des outils tels que Screaming Frog, qui dispose désormais de fonctionnalités dédiées à la vérification de l'accessibilité (par exemple, textes alternatifs manquants, problèmes de contraste ou hiérarchies de titres incorrectes).

L'accessibilité est plus qu'une simple conformité à la loi

L'accessibilité numérique va bien au-delà de la simple prévention des sanctions. Ses avantages sont évidents :

Satisfaction accrue : une meilleure ergonomie pour tous réduit les taux de rebond.

Meilleur classement : un code sémantiquement propre améliore le référencement naturel (SEO).

Une plus grande portée : conquête de nouveaux groupes d'utilisateurs.

Augmentation du chiffre d'affaires : une conséquence logique des points susmentionnés.

Conclusion

Depuis 2025, l'accessibilité n'est plus facultative, c'est une obligation légale. Mais plus important encore : l'accessibilité est synonyme de bonne conception, qui inclut tout le monde. Un site web moderne et professionnel est toujours accessible.

Une remarque critique sur la pratique : De nombreuses entreprises, en particulier les grands groupes technologiques américains, promeuvent des superpositions d'accessibilité et des solutions automatisées qui, dans les faits, ne fonctionnent pas. Google lui-même n'est pas entièrement conforme à ses propres normes d'accessibilité. Cela est non seulement hypocrite, mais nuit également au véritable mouvement d'inclusion. Une véritable accessibilité nécessite des investissements, des connaissances spécialisées et la volonté de mettre en œuvre correctement les normes dès le départ, et non des pseudo-solutions superficielles qui peuvent être reproduites à moindre coût dans des chatbots et des outils d'IA.

Si vous souhaitez sérieusement mettre en œuvre l'accessibilité, investissez dans une véritable expertise, collaborez avec des personnes handicapées et intégrez les normes dès le début. C'est plus difficile qu'une solution toute faite, mais cela fonctionne vraiment.

Suivez cette liste de contrôle mise à jour et faites de 2026 l'année où votre site web deviendra véritablement accessible à tous, non seulement sur le papier, mais aussi dans la pratique.

Votre interlocuteur pour les sites web et le référencement naturel (SEO)

Alexander Keller
Chief Search Architect
paseo
0721 – 911010

Actif depuis 2009 dans les domaines de l'optimisation des moteurs de recherche, de la numérisation et du growth hacking, je me ferai un plaisir de vous conseiller sur toutes les questions relatives aux moteurs de recherche et aux stratégies de marketing en ligne efficaces.

← Retour à la vue d'ensemble