Le contraste parfait n'existe pas
Un ratio AAA ne garantit rien pour une personne atteinte d'achromatopsie incomplète. Le vrai levier, c'est de laisser l'utilisateur choisir ses propres couleurs, et de ne pas lui mettre de bâtons dans les roues.
Le blog
Liste des articles
Problèmes concrets, corrections techniques, arguments pour convaincre. Chaque article sera conçu pour que vous repartiez avec quelque chose d'actionnable.
Filtrer par sujet
20 articles
Comprendre Comprendre 100 en accessibilité : la note qui ne veut rien dire
Lighthouse te donne 100/100 en accessibilité. Ton site exclut quand même des millions de personnes. Voici ce que le score ne mesure pas — et comment tester ce qui compte vraiment.
Comprendre ARIA, ce poison de l'accessibilité web
ARIA devait rendre le web accessible. Mal utilisé, il fait l'inverse. Les pages avec ARIA ont plus d'erreurs que les autres. Voici pourquoi.
Construire ARIA, ce scalpel de l'accessibilité web
ARIA est indispensable quand le HTML ne suffit pas. Mais mal utilisé, il empoisonne. Cas légitimes, anti-patterns et tests avec un lecteur d'écran.
Construire Autopsie d'une card produit — de 87 à 38 éléments, 0 div
Je prends une vraie card produit e-commerce, je la décortique, j'identifie 8 défauts d'accessibilité, et je la reconstruis de zéro. Même design, moins de la moitié des éléments, 0 div.
Transformer Comment le GEO force l'accessibilité web
Les moteurs génératifs citent les sites clairs, structurés, sémantiques — exactement ce que l'accessibilité demande depuis 25 ans. Le GEO ne réinvente pas les règles. Il les impose par le marché.
Transformer L'EAA est là
Depuis le 28 juin 2025, l'European Accessibility Act s'applique dans toute l'Union européenne. Produits, services, e-commerce, banque, transport — voici ce que la loi exige, qui est concerné, et ce qui arrive à ceux qui l'ignorent.
Construire Le fil, le labyrinthe et le stepper
Fil d'Ariane et stepper : deux patterns de navigation que tout le monde confond. Le HTML sémantique, l'ARIA, les séparateurs CSS, le schema.org — et les erreurs classiques qui les rendent invisibles.
Construire Le laissez-passer A-38 — Partie 1 : Poser la bonne question
33% des champs de formulaire ne disent pas ce qu'ils attendent. Labels, types, autocomplete, groupement : les fondations d'un formulaire que tout le monde peut remplir.
Construire Le laissez-passer A-38 — Partie 2 : Écouter la réponse
Validation, messages d'erreur, résumé d'erreurs, composants custom : la deuxième moitié de la conversation entre ton formulaire et ses utilisateurs.
Construire Le laissez-passer A-38 — Partie 3 : Guider jusqu'au bout
Indicateur de progression, persistance de la saisie, récapitulatif, gestion du focus : tout ce qu'il faut pour qu'un formulaire multi-étapes ne devienne pas un labyrinthe.
Transformer Le vrai coût de la non-conformité
3 117 procès web en 2025, 13 000 milliards de marché ignoré, un ROI prouvé à 37 000 % — l'accessibilité n'est plus un sujet technique. C'est un risque business.
Comprendre Les couleurs mentent
Daltonisme, contrastes insuffisants, forced-colors : tes interfaces mentent à une partie de ton audience. Voici comment construire un design qui dit la vérité à tout le monde.
Comprendre Les deux vies d'une image
Une image sur le web a deux vies : celle qu'on voit, et celle qu'on lit. Voici comment écrire la deuxième pour qu'elle dise la même chose à tout le monde.
Comprendre Les lecteurs d'écran ne lisent pas comme toi
Tu imagines un lecteur d'écran qui lit ta page de haut en bas, mot après mot. La réalité est radicalement différente — et si tu ne la comprends pas, ton HTML accessible ne l'est peut-être pas du tout.
Comprendre Les soupes de div, les pavés d'or qui mènent à l'enfer numérique
La
<div>est l'élément le plus utilisé du web. Elle n'a pourtant presque aucun cas d'usage légitime. Chaque<div>posée à la place d'un élément sémantique coûte en accessibilité, en performance, en SEO et en GEO.Construire Les tableaux ne sont pas l'ennemi
L'élément
<table>a été banni par réflexe après les années layout. Pourtant, pour des données tabulaires, c'est la seule bonne réponse. Et la plupart des sites le font mal — ou ne le font plus du tout.Comprendre Posez la souris : tout sur la navigation clavier
Focus invisible, ordre incohérent, pièges à clavier : ton interface exclut silencieusement des millions d'utilisateurs. Voici comment construire une navigation clavier solide.
Construire Quelle balise HTML utiliser ?
129 balises HTML, SVG et MathML utilisables en body, et tu utilises toujours
<div>. Cette mind map interactive te guide par intention : dis ce que tu veux faire, elle te montre la balise qu'il te faut.Construire Trois factures, un seul code, zéro surcoût
Accessibilité, performance, référencement : trois scores, trois audits, trois équipes — sauf que les pratiques qui améliorent l'un améliorent les deux autres. Et ne rien faire, c'est payer trois fois.