Un client qui gère une boutique en ligne me contacte, paniqué. Il vient de recevoir une mise en demeure d'une association de défense des personnes handicapées. Le grief : son site n'est pas utilisable pour les personnes malvoyantes. Ils menacent d'une action en justice selon la loi sur l'égalité pour les handicapés.
Son premier réflexe : "mais je ne savais même pas que c'était obligatoire". Effectivement, beaucoup de propriétaires de sites ignorent ces obligations. Voici ce qu'il faut vraiment savoir.
Mon client vendait des produits en ligne depuis trois ans. Son site marchait bien, il avait des clients, personne ne s'était jamais plaint. Jusqu'à ce qu'une personne malvoyante essaie de passer commande et se rende compte que c'était impossible.
Les images n'avaient aucune description textuelle. Le contraste entre le texte et le fond était trop faible. Les formulaires n'étaient pas accessibles avec un lecteur d'écran. Pour une personne voyante, tout paraissait normal. Pour une personne malvoyante, le site était inutilisable.
L'association qui l'a contacté représentait cette personne. Leur position était simple : refuser de servir des clients handicapés constitue une discrimination. La loi suisse sur l'égalité pour les handicapés (LHand) l'interdit formellement.
La LHand s'applique principalement aux services publics et entreprises offrant des services au public. Si vous avez un site qui vend des produits ou des services, vous êtes potentiellement concerné.
Les sanctions ne sont pas énormes comparées à d'autres pays. Les dommages-intérêts peuvent aller jusqu'à 5000 francs. Mais le vrai coût, c'est la réputation et le temps perdu en procédures.
En plus de la LHand, l'European Accessibility Act (EAA) entre en vigueur en juin 2025. Si vous vendez en Europe ou si vous êtes une entreprise de plus de 250 employés, la conformité devient obligatoire. Les amendes européennes sont autrement plus sévères : jusqu'à 100'000 euros selon les pays.
J'ai fait un audit complet du site avec un outil automatique (WAVE) et des tests manuels. Les problèmes étaient nombreux mais pas insurmontables.
Les images produits n'avaient aucun texte alternatif. Un lecteur d'écran lisait juste "image, image, image". J'ai ajouté des descriptions précises pour chaque produit : "Sac en cuir marron avec bandoulière réglable". Trois heures de travail pour 200 produits.
Le contraste texte-fond était insuffisant. Le gris clair sur blanc passait visuellement, mais le ratio de contraste était de 2:1 au lieu du minimum requis de 4.5:1. J'ai assombri légèrement la couleur du texte. Correction en 20 minutes.
Les formulaires n'étaient pas correctement balisés. Les labels n'étaient pas associés aux champs, donc un lecteur d'écran ne savait pas quel champ correspondait à quoi. J'ai ajouté les balises HTML appropriées. Une heure de travail.
La navigation au clavier ne fonctionnait pas. Impossible de commander sans souris. J'ai corrigé l'ordre de tabulation et ajouté des indicateurs de focus visibles. Deux heures de travail.
Total : une journée de travail pour rendre le site conforme. Mon client a payé 1200 francs pour les corrections. Beaucoup moins que les frais d'avocat qu'il aurait payés en cas de procès.
Si vous voulez rendre votre site accessible sans devenir expert WCAG, concentrez-vous sur ces cinq points. Ils représentent la majorité des problèmes que je vois.
Contraste des couleurs : votre texte doit être facilement lisible. Testez avec WebAIM Contrast Checker. Ratio minimum : 4.5:1 pour du texte normal, 3:1 pour du texte large. Si le test échoue, assombrissez le texte ou éclaircissez le fond.
Texte alternatif sur les images : chaque image doit avoir un attribut alt avec une description. "Logo entreprise X", "Photo produit Y montrant Z". Les images décoratives peuvent avoir alt="" (vide, pas absent).
Navigation au clavier : vous devez pouvoir parcourir tout le site avec juste la touche Tab et Entrée. Testez dès maintenant : débranchez votre souris et essayez de naviguer. Si vous bloquez quelque part, c'est un problème.
Labels de formulaire : chaque champ de formulaire doit avoir un label visible associé. Pas juste un placeholder qui disparaît quand vous tapez, mais un vrai label permanent qui indique ce que vous devez entrer.
Taille de texte ajustable : les utilisateurs doivent pouvoir zoomer à 200% sans que le site devienne inutilisable. Testez en zoomant avec Ctrl+ ou Cmd+. Si des éléments se superposent ou disparaissent, corrigez le CSS.
Vous n'avez pas besoin d'engager un expert pour faire un premier diagnostic. Plusieurs outils gratuits détectent les problèmes majeurs.
WAVE (wave.webaim.org) : entrez votre URL, l'outil affiche tous les problèmes trouvés avec des explications. Gratuit et facile à comprendre.
Lighthouse dans Chrome : ouvrez les outils développeur (F12), onglet Lighthouse, lancez un audit d'accessibilité. Vous obtenez un score et une liste de problèmes à corriger.
axe DevTools : extension Chrome/Firefox qui détecte les erreurs d'accessibilité directement dans la page. Plus précis que Lighthouse pour certains tests.
Contrast Checker : pour vérifier que vos couleurs sont conformes. Testez chaque combinaison texte/fond utilisée sur votre site.
Ces outils automatiques détectent 30 à 40% des problèmes. Les 60% restants nécessitent des tests manuels : navigation au clavier, lecteur d'écran, etc. Mais déjà corriger ce que les outils automatiques trouvent vous met dans une bien meilleure position.
Mon client a corrigé son site, puis a répondu à l'association en expliquant les mesures prises. Il a joint un rapport d'audit montrant la conformité. L'association a accepté, aucune poursuite n'a été engagée.
Bonus inattendu : trois mois plus tard, il a reçu un email d'un client malvoyant qui le remerciait d'avoir rendu le site accessible. Ce client est devenu régulier et a recommandé la boutique à d'autres personnes de son association.
L'accessibilité n'est pas juste une obligation légale. C'est aussi une opportunité commerciale. 20% de la population a une forme de handicap. Si votre site les exclut, vous perdez potentiellement 20% de clients.
Si vous êtes une petite entreprise locale avec un site vitrine simple, le risque légal est faible. Personne ne va attaquer un artisan pour son site de 5 pages. Mais rendre votre site accessible reste une bonne pratique.
Si vous vendez en ligne, surtout à l'international, la question ne se pose plus. L'EAA entrant en vigueur en 2025, vous avez intérêt à vous mettre en conformité maintenant plutôt que d'attendre.
Si vous êtes une entreprise de plus de 50 employés, l'accessibilité devrait être une priorité. Vous êtes plus visible, donc plus susceptible d'être ciblé en cas de non-conformité.
Le coût de mise en conformité pour un site existant varie entre 1000 et 5000 francs selon la complexité. Pour un nouveau site, intégrer l'accessibilité dès le départ ne coûte presque rien de plus si le développeur sait ce qu'il fait.
L'accessibilité web n'est pas un luxe réservé aux grands sites. C'est une pratique standard qui devrait être intégrée à tout projet web en 2025.
Minimalisme, dark mode, animations : séparons les vraies tendances design 2025 des effets de mode qui ne marchent que sur Dribbble.
Après avoir suivi une dizaine de boutiques en ligne suisses, voici les tendances qui fonctionnent réellement et celles qui restent du marketing.
Google AI Overviews, contenu généré par ChatGPT, recherche vocale : séparons le vrai du faux sur l'impact de l'IA sur le référencement en 2025.