Parcours
Comprendre
L'accessibilité commence par la compréhension. Ces articles posent les fondations — pourquoi c'est important, ce que disent les standards, ce que vivent les utilisateurs.
9 articles — dont 8 en parcours guidé
Parcours guidé
Lis ces articles dans l'ordre. Chacun s'appuie sur le précédent pour construire ta compréhension de l'accessibilité web.
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.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.
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.
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.
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.
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.
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.
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.
Pour aller plus loin
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.