Perfect contrast does not exist
A AAA ratio guarantees nothing for someone with incomplete achromatopsia. The real solution is letting users choose their own colors, and not getting in their way.
The blog
All articles
Concrete problems, technical fixes, arguments to convince. Every article will be designed so you leave with something actionable.
Filter by topic
20 articles
Understand Understand 100 in accessibility: the meaningless score
Lighthouse gives you 100/100 in accessibility. Your site still excludes millions of people. Here's what the score doesn't measure — and how to test what actually matters.
Build Anatomy of a product card — from 87 to 38 elements, 0 divs
We take a real e-commerce product card, dissect it, identify 8 accessibility defects, and rebuild it from scratch. Same design, less than half the elements, 0 divs.
Understand ARIA, the poison of web accessibility
ARIA was supposed to make the web accessible. Misused, it does the opposite. Pages with ARIA have more errors than those without. Here's why.
Build ARIA, the scalpel of web accessibility
ARIA is essential when HTML falls short. But misused, it poisons. Legitimate cases, anti-patterns and testing with a screen reader.
Build Beware of the Leopard — Part 1: Asking the right question
33% of form fields don't say what they expect. Labels, types, autocomplete, grouping: the foundations of a form everyone can fill in.
Build Beware of the Leopard — Part 2: Listening to the answer
Validation, error messages, error summaries, custom components: the second half of the conversation between your form and its users.
Build Beware of the Leopard — Part 3: Guiding to the end
Progress indicator, input persistence, review summary, focus management: everything needed so a multi-step form doesn't become a maze.
Understand Colors lie
Color blindness, insufficient contrast, forced-colors: your interfaces lie to part of your audience. Here's how to build a design that tells the truth to everyone.
Understand Div soup, good intentions paving the road to digital hell
The
<div>is the most used element on the web. Yet it has almost no legitimate use case. Every<div>placed instead of a semantic element costs you in accessibility, performance, SEO and GEO.Transform How GEO forces web accessibility
Generative engines cite clear, structured, semantic sites — exactly what accessibility has demanded for 25 years. GEO doesn't reinvent the rules. It enforces them through the market.
Understand Put down the mouse: everything about keyboard navigation
Invisible focus, inconsistent order, keyboard traps: your interface silently excludes millions of users. Here's how to build solid keyboard navigation.
Understand Screen readers don't read like you
You imagine a screen reader reading your page top to bottom, word by word. The reality is radically different, and if you don't understand it, your accessible HTML might not be accessible at all.
Build Tables are not the enemy
The
<table>was banned by reflex after the layout years. Yet for tabular data, it's the only right answer. And most sites get it wrong — or don't use it at all.Transform The EAA is here
Since June 28, 2025, the European Accessibility Act applies across the entire European Union. Products, services, e-commerce, banking, transport. Here's what the law requires, who's covered, and what happens to those who ignore it.
Transform The real cost of non-compliance
3,117 web accessibility lawsuits in 2025, a $13 trillion market left on the table, a documented 37,000% ROI. Accessibility is no longer a technical issue. It's a business risk.
Build The Thread, the Maze, and the Stepper
Breadcrumbs and steppers: two navigation patterns everyone confuses. The semantic HTML, ARIA, CSS separators, schema.org, and the classic mistakes that make them invisible.
Understand The two lives of an image
An image on the web has two lives: the one you see, and the one you read. Here's how to write the second so it says the same thing to everyone.
Build Three bills, one codebase, zero overhead
Accessibility, performance, SEO: three scores, three audits, three teams, except the practices that improve one improve the other two. And doing nothing means paying three times.
Build Which HTML element should I use?
129 HTML, SVG and MathML elements usable in the body, and you still default to
<div>. This interactive mind map guides you by intent: say what you want to do, it shows you the right element.