À partir du 28 juin 2025, la loi sur le renforcement de l'accessibilité (BFSG) entrera en vigueur en Allemagne. Cette loi est la transposition allemande de l'European Accessibility Act (EAA) et aura un impact considérable sur les entreprises qui proposent des produits ou des services aux consommateurs. Dans cet article, nous expliquons ce que signifie la BFSG, qui elle concerne et comment les entreprises peuvent s'y préparer.
Qu'est-ce que le BFSG ?
La loi sur le renforcement de l'accessibilité (BFSG) est la transposition allemande de la directive européenne 2019/882, également connue sous le nom de loi européenne sur l'accessibilité (EAA). L'objectif de cette loi est d'améliorer l'accessibilité des produits et des services, notamment dans le domaine numérique.Principaux points de la BFSG :
Obligation de rendre les produits et services accessibles
Le champ d'application comprend les sites web et les applications mobiles
Orientation sur la norme européenne EN 301 549
Amendes allant jusqu'à 100.000 euros en cas de non-respect
Calendrier et dispositions transitoires
Juin 2025 : entrée en vigueur de la LFSP
Jusqu'au 28 juin 2030 : période de transition pour les produits et services existants
A partir du 28 juin 2030 : application complète à tous les produits et services
Exceptions :
Les micro-entreprises employant moins de 10 personnes et dont le chiffre d'affaires annuel est inférieur à 2 millions d'euros sont exemptées de certaines exigences.
Les produits et services pour lesquels l'accessibilité représenterait une "charge disproportionnée" peuvent être partiellement exemptés d'exigences
Qui est concerné ?
La LFSP concerne toutes les entreprises qui proposent des produits ou des services aux consommateurs. Elle est particulièrement pertinente pour les secteurs suivants :
Commerce électronique et vente en ligne
Services financiers et banques
Télécommunications
Transport et tourisme
Médias et divertissement
Éducation et e-learning
Santé publique
Exemple : une boutique en ligne de vêtements doit s'assurer que toutes les informations sur les produits, les images et le processus de commande sont accessibles sans barrières.
Exigences techniques
Les exigences techniques du BFSG sont basées sur la norme européenne EN 301 549, elle-même basée sur les Web Content Accessibility Guidelines (WCAG). Voici quelques points clés :
Perceptibilité : les contenus doivent être perceptibles pour tous les utilisateurs, par exemple par le biais de textes alternatifs pour les images.
facilité d'utilisation : toutes les fonctions doivent pouvoir être utilisées au clavier
Intelligibilité : les contenus et l'utilisation doivent être faciles à comprendre
Robustesse : les contenus doivent être compatibles avec différentes technologies
Focalisation sur la facilité d'utilisation du clavier
L'exigence selon laquelle toutes les fonctions d'un site web doivent pouvoir être utilisées au clavier est particulièrement importante et souvent mal comprise. Voici une explication détaillée :
Pourquoi la facilité d'utilisation du clavier est-elle importante ?
De nombreuses personnes handicapées motrices ne peuvent pas utiliser de souris
Les personnes aveugles et malvoyantes naviguent souvent exclusivement avec le clavier
Même les utilisateurs intensifs préfèrent souvent la navigation au clavier pour travailler plus efficacement.
Que signifie concrètement la facilité d'utilisation du clavier ?
Tous les éléments interactifs (liens, boutons, formulaires) doivent être accessibles avec la touche "Tab".
L'ordre de navigation des onglets doit être logique et intuitif
La position actuelle de la mise au point du clavier doit être clairement identifiable visuellement
Les menus déroulants doivent pouvoir être utilisés avec des touches fléchées
Les fenêtres modales doivent capturer le focus du clavier et le renvoyer à la fermeture
Exemple de bonne utilisation du clavier : Un portail de banque en ligne permet à l'utilisateur d'accéder à tous les éléments du menu en appuyant sur la touche Tab, de remplir et d'envoyer des virements entièrement au clavier et de naviguer dans des fenêtres modales pour les demandes de sécurité sans utiliser la souris.
Mise en œuvre technique :
Utilisation d'éléments HTML sémantiquement corrects (par ex. <button> au lieu de <div onclick="“…“">)
Utilisation des attributs ARIA pour les interactions complexes
Listers d'événements JavaScript pour les événements clavier (par ex. keydown)
Styles CSS pour l'état :focus, afin de marquer clairement le focus actuel
Recommandations d'action pour les entreprises
Réaliser un état des lieux : Analysez l'accessibilité de vos offres numériques
Faire appel à des experts : Travailler avec des experts en accessibilité
Mettre en place des formations : Formez vos collaborateurs à l'accessibilité
Intégrer l'accessibilité dans le processus de développement : Prendre en compte l'accessibilité dès le début
Effectuer des vérifications régulières : Testez continuellement l'accessibilité de vos offres
Demander un retour d'information : Impliquez les personnes handicapées dans le processus de test
Étude de cas : une entreprise de taille moyenne spécialisée dans les appareils électroménagers a commencé très tôt à rendre son site Web accessible. En intégrant des utilisateurs souffrant de différents handicaps dans le processus de test, ils ont pu non seulement répondre aux exigences légales, mais aussi améliorer la convivialité générale de leur site, ce qui a permis d'augmenter le taux de conversion de 15%.
Solutions techniques
Compatibilité avec les lecteurs d'écran : assurez-vous que vos contenus fonctionnent avec les lecteurs d'écran les plus courants
Optimiser les contrastes de couleurs : Utiliser des outils de vérification des contrastes
Responsive Design : garantissez l'utilisabilité sur différents appareils
Sous-titres et transcriptions : Offrir des alternatives pour les contenus audiovisuels
Optimisation des formulaires : concevez des formulaires accessibles et faciles à comprendre
Navigation au clavier : permet une utilisation complète au clavier
Les attributs ARIA : Utilisez ARIA (Accessible Rich Internet Applications) pour améliorer l'accessibilité
Conséquences en cas de non-respect
En cas de non-respect de la LFSP, les amendes peuvent atteindre 100 000 euros. En outre, des dommages à l'image et l'exclusion des marchés publics peuvent être des conséquences supplémentaires.
Conclusion
La loi sur le renforcement de l'accessibilité pose de nouveaux défis aux entreprises, mais offre également des opportunités. Une conception sans barrières des produits et des services élargit la clientèle et améliore l'expérience utilisateur pour tous. Les entreprises devraient profiter de la période précédant l'entrée en vigueur de la loi pour examiner et adapter leurs offres numériques. À long terme, l'accessibilité ne sera pas seulement une obligation légale, mais un avantage concurrentiel décisif.
Ajout de raccourcis clavier pour atteindre l'accessibilité :
Pour améliorer l'accessibilité des sites web, il est indispensable d'utiliser efficacement le clavier. Voici quelques raccourcis clavier et touches importants qui peuvent être utilisés pour l'accessibilité :
Raccourcis clavier importants pour l'accessibilité
Commande
Effet
Onglet
Déplace le focus vers l'avant vers des éléments interactifs
Shift + Tab
Déplace le focus vers l'arrière sur les éléments interactifs
Entrer
Active l'élément mis en évidence (par ex. bouton, lien)
Barre d'espace
Active ou désactive les cases à cocher
Touches fléchées
Navigue à l'intérieur des menus déroulants ou des champs de sélection
Esc
Ferme les fenêtres modales ou les menus déroulants
Accueil / Fin
Déplace le focus au début ou à la fin de la page
Alt + flèche vers le bas
Ouvre des listes déroulantes
Autres fonctions utiles
Garder la mise au point visible : Le focus actuel doit toujours être clairement visible afin d'aider les utilisateurs à savoir où ils se trouvent sur la page.
Navigation par dialogues modaux : Lorsqu'une fenêtre modale s'ouvre, le focus doit être automatiquement placé sur le premier élément interactif à l'intérieur de la modale.
Ordre des onglets : L'ordre dans lequel les éléments sont atteints en appuyant sur la touche de tabulation doit être logique et intuitif.
Conseils pour la mise en œuvre
Utilisez des éléments HTML standardisés : Veillez à ce que tous les éléments interactifs tels que les boutons et les liens soient créés avec les balises HTML appropriées afin de garantir une utilisation au clavier.
Éviter tabindex-attributs : Dans la mesure du possible, il convient d'utiliser des tabindex-car elles peuvent perturber l'ordre naturel des onglets.
Tester l'utilisation du clavier : Vérifiez régulièrement la fonctionnalité de votre site web à l'aide du clavier afin de vous assurer que tous les éléments sont accessibles et utilisables.
Ces raccourcis clavier et astuces permettent de créer une expérience utilisateur accessible, en particulier pour les personnes souffrant de handicaps moteurs ou visuels.
Pour t'offrir une expérience optimale, nous utilisons des technologies telles que les cookies pour stocker et/ou accéder aux informations relatives à l'appareil. Si tu acceptes ces technologies, nous pouvons traiter des données telles que le comportement de navigation ou des identifiants uniques sur ce site. Si tu ne donnes pas ton consentement ou si tu le retires, certaines caractéristiques et fonctions peuvent être affectées.
Fonctionnel
Toujours activé
le stockage technique ou l'accès est strictement nécessaire dans le but légitime de permettre l'utilisation d'un service spécifique expressément demandé par l'abonné ou l'utilisateur, ou dans le seul but d'effectuer la transmission d'une communication par la voie d'un réseau de communications électroniques
Préférences
le stockage ou l'accès technique est nécessaire aux fins légitimes de la conservation des préférences qui n'ont pas été demandées par l'abonné ou l'utilisateur.
Statistiques
le stockage ou l'accès technique, à des fins exclusivement statistiques.le stockage ou l'accès technique, utilisé uniquement à des fins statistiques anonymes. En l'absence d'une citation, d'un accord volontaire de ton fournisseur d'accès à Internet ou d'enregistrements supplémentaires de tiers, les informations stockées ou consultées à cette seule fin ne peuvent généralement pas être utilisées pour t'identifier.
Marketing
Le stockage ou l'accès technique est nécessaire pour créer des profils d'utilisateurs, pour envoyer des publicités ou pour suivre l'utilisateur sur un site web ou sur plusieurs sites web à des fins de marketing similaires.