Accessibilité web : le détail qui sépare un pro d'un amateur

Un site qu'une partie de vos visiteurs ne peut pas utiliser

Imaginez livrer une boutique dont la porte est trop étroite pour un cinquième de vos clients. C'est exactement ce que fait un site inaccessible : personnes malvoyantes, daltoniennes, naviguant au clavier, avec un lecteur d'écran ou simplement en plein soleil sur mobile — tous se heurtent à des barrières invisibles pour le développeur qui ne les teste pas.

L'accessibilité (a11y) n'est pas une couche qu'on ajoute à la fin. C'est une manière de construire, dès la première ligne.

Ce que je vérifie systématiquement

Ce ne sont pas des cas exotiques, ce sont des fondamentaux que j'applique sur chaque projet :

• Contraste — un texte doit ressortir de son fond (ratio 4.5:1 minimum pour le corps). Le gris clair « élégant » sur blanc est souvent illisible.
• Navigation clavier — tout ce qui se clique doit s'atteindre à la touche Tab, avec un focus visible. Beaucoup de sites suppriment le contour de focus « pour le design » : c'est une faute.
• Textes alternatifs — chaque image porteuse de sens a un alt descriptif ; les images décoratives sont marquées comme telles.
• Structure sémantique — un seul <h1>, une hiérarchie de titres logique, des repères (nav, main, footer) que les lecteurs d'écran annoncent.
• Cibles tactiles — sur mobile, un bouton trop petit est un bouton qu'on rate.

L'accessibilité ne bride pas le design. Elle le discipline. Les contraintes de contraste et de focus produisent presque toujours une interface plus claire pour tout le monde.

Le lien direct avec le SEO

Ce que beaucoup ignorent : Google lit une page comme un lecteur d'écran. Une structure sémantique propre, des alt pertinents, des liens explicites — ce sont les mêmes signaux qui servent l'accessibilité et le référencement. Rendre un site accessible, c'est presque mécaniquement le rendre plus visible.

Un site accessible coche donc trois cases d'un coup : plus d'utilisateurs, meilleur SEO, moins de risque juridique (l'accessibilité devient une obligation légale dans de plus en plus de pays).

Zéro violation WCAG n'est pas la même chose que « vraiment utilisable »

Les outils automatiques (Lighthouse, axe) attrapent une partie des problèmes — contrastes, alt manquants, rôles ARIA cassés. Mais un score de 100 ne garantit pas qu'un humain s'en sorte. Certaines choses ne se testent qu'à la main :

• Naviguer toute la page au clavier uniquement, sans souris.
• L'écouter avec un lecteur d'écran (VoiceOver, NVDA).
• Vérifier que rien ne dépend uniquement de la couleur pour être compris.

C'est cette dernière ligne — le test humain — que l'amateur saute et que le professionnel n'oublie jamais.

Ma position

Je ne facture pas « l'accessibilité » comme une option premium. Elle fait partie de ce que veut dire livrer un site correct, au même titre qu'il doit s'afficher sur mobile. Un livrable qui exclut une partie des visiteurs n'est pas fini — il est incomplet. Et cette exigence, invisible dans une démo de trente secondes, est précisément ce qui distingue un travail durable d'un site jetable.