Un Black Friday pour tous : Comment rendre votre e-commerce inclusif et accessible ?

C'est le blocage le plus sévère, et le plus courant.

Une fenêtre modale s'ouvre à l'arrivée sur le site. À la souris, on clique sur la croix et on passe. Au clavier, trois défauts se cumulent fréquemment. Le focus n'est pas déplacé dans la modale à son ouverture. La touche Échap ne la ferme pas. Et le bouton de fermeture n'est pas atteignable par tabulation, parce qu'il s'agit d'un div avec un gestionnaire de clic plutôt que d'un vrai bouton.

Résultat : l'utilisateur est enfermé. Il ne peut ni fermer la fenêtre ni atteindre le contenu derrière. Le site est inutilisable, pas dégradé.

Une modale correcte fait trois choses. Elle place le focus sur son premier élément interactif à l'ouverture. Elle retient le focus à l'intérieur tant qu'elle est ouverte. Elle le restitue à l'élément déclencheur à la fermeture, et se ferme par Échap.

L'horloge qui décompte jusqu'à minuit est le symbole de l'opération. Elle pose deux problèmes distincts.

D'abord le mouvement. Un contenu qui se met à jour en continu et automatiquement doit pouvoir être mis en pause, arrêté ou masqué par l'utilisateur, dès lors qu'il dure au-delà de quelques secondes. Pour une personne ayant des troubles de l'attention ou une sensibilité au mouvement, un chiffre qui change chaque seconde en haut de chaque page rend la lecture impossible.

Ensuite l'annonce. Un compteur implémenté dans une zone déclarée comme mise à jour dynamique fera lire à un lecteur d'écran chaque changement de seconde, en interrompant tout le reste. Le décompte doit être présent visuellement sans être annoncé en boucle, avec une alternative textuelle donnant l'échéance : « offre valable jusqu'au 28 novembre à minuit ».

Certains dispositifs Black Friday réservent le panier pendant un temps limité, ou expulsent l'utilisateur d'une file d'attente après inactivité.

Une limite de temps doit pouvoir être désactivée, ajustée ou prolongée, sauf lorsqu'elle est intrinsèque à l'événement. Une personne qui navigue au lecteur d'écran, qui utilise un dispositif de pointage alternatif ou qui a besoin de plus de temps pour lire met mécaniquement plus longtemps à remplir un formulaire de paiement. Un panier réservé dix minutes l'exclut.

Prévoyez au minimum un avertissement avant expiration, et un moyen de prolonger.

« Dernières pièces », « 12 personnes regardent ce produit », « Offre expirée ».

Ces messages sont souvent injectés après le chargement de la page, dans un élément dépourvu de rôle sémantique, signalés uniquement par une couleur vive. Ils n'existent pas pour une partie des visiteurs.

Deux conséquences. Ceux qui ne les perçoivent pas ne subissent pas la pression commerciale, ce qui est votre problème. Et ceux qui découvrent l'indisponibilité seulement au moment du paiement vivent un échec évitable, ce qui est le leur.

Le bandeau promotionnel fixé en haut ou en bas de l'écran réduit la surface utile. Sur mobile, combiné au bandeau cookies et à la barre de navigation, il peut ne laisser qu'une portion de la page réellement visible.

Pour un utilisateur qui agrandit l'affichage à 200 %, ce qui est un besoin courant, la marge disparaît complètement. Le contenu principal devient inatteignable, ou le bouton de fermeture du bandeau sort de l'écran.

Testez systématiquement vos gabarits Black Friday à fort niveau de zoom, sur un écran étroit. C'est le test le plus rapide et celui qui révèle le plus de défauts.

Les modes dégradés activés en cas de forte charge posent leur propre difficulté. Une page allégée qui supprime le JavaScript non essentiel peut aussi supprimer, sans qu'on l'ait voulu, les mécanismes de gestion du focus ou les annonces dynamiques.

Si vous prévoyez un mode dégradé, testez-le au clavier avant l'événement, pas pendant.

Les composants décrits ici ne se corrigent pas en une journée. Un piège de focus tient à l'architecture du composant modale, pas à un attribut oublié. Un compte à rebours accessible se conçoit, il ne se rustine pas.

Le calendrier utile place l'audit et les corrections en septembre ou octobre, avant le gel des déploiements que la plupart des équipes techniques appliquent à partir de mi-novembre. Passé ce gel, toute correction devient un risque de production que personne n'acceptera de prendre à quelques jours du pic annuel.

Depuis le 28 juin 2025, les sites de commerce électronique destinés aux consommateurs sont soumis à des exigences d'accessibilité en France, dès lors qu'ils dépassent le seuil de microentreprise : 10 salariés, ou 2 millions d'euros de chiffre d'affaires ou de total de bilan. Le contrôle relève de la DGCCRF, et le manquement constitue une contravention de 5ᵉ classe sanctionnée à hauteur de 7 500 € par infraction.

Le chiffre de 50 000 €, fréquemment cité sur ce sujet, appartient à un autre régime : celui de l'article 47, contrôlé par l'ARCOM, qui vise le secteur public et les entreprises au-delà de 250 millions d'euros de chiffre d'affaires. Les deux régimes se cumulent pour les entités concernées par les deux, mais ils ne se confondent pas.

Les composants Black Friday sont retirés fin novembre. Les défauts d'architecture qu'ils ont révélés, eux, restent.

Une modale correctement construite servira à la newsletter, au sélecteur de taille, à la confirmation de commande. Un système de focus fiable bénéficie à l'ensemble du site. Le travail engagé pour un pic de quatre jours se rentabilise sur les onze mois suivants.

C'est la seule bonne raison de le faire maintenant.