Understand

Guided path

Read these articles in order. Each one builds on the previous to shape your understanding of web accessibility.

1. 1

   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.

   11 min read

2. 2

   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.

   11 min read

3. 3

   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.

   9 min read

4. 4

   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.

   13 min read

5. 5

   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.

   6 min read

6. 6

   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.

   12 min read

7. 7

   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.

   7 min read

8. 8

   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.

   8 min read