pourquoi mon site web se casse-t-il quand on agrandit le texte

Le texte qui ne peut pas être agrandi est un point faible WCAG connu

Un site qui « casse » dès qu'un client augmente la taille du texte provient presque toujours de dimensions fixes : texte, boutons ou conteneurs définis en pixels au lieu d'unités qui s'adaptent. Quand un client augmente la taille de police dans le navigateur, une boîte avec une hauteur en pixels fixe reste la même, et le texte s'échappe, se superpose à d'autres éléments ou est coupé. Les menus qui s'ajustent précisément à la taille standard, les sections dépliantes qui ne grandissent pas et les boutons dont le texte dépasse du cadre sont les symptômes les plus courants.

Ce n'est pas un défaut esthétique mais un problème fonctionnel : si un libellé devient illisible ou un bouton n'est plus cliquable parce que le texte le recouvre, un client ne peut plus terminer une étape du processus d'achat. Cela touche aux mêmes points sensibles que la navigation au clavier pour toute la commande : un problème d'échelle qui semble inoffensif sur les pages essentielles peut faire la différence lors de l'étape d'achat ou de l'écran de connexion. Les titres et les sous-titres risquent aussi : si un élément de structure s'effondre lors de l'agrandissement, l'ordre de lecture devient étrange, quelque chose qui apparaît aussi dans l'histoire plus large de les titres, la structure et la navigation.

Où cela figure dans WCAG 2.1 : le critère d'agrandissement

WCAG 2.1 stipule que le texte doit pouvoir être agrandi jusqu'à un certain pourcentage sans perte de contenu ni de fonctionnalité ; c'est le principe qui sous-tend le critère pour le texte redimensionnable, comme l'indique la directive elle-même. En pratique, une analyse teste cela en chargeant la page à plusieurs tailles de police et en vérifiant si le texte est coupé, superposé ou devient illisible. Ce qu'un test automatisé ne voit pas, c'est si la page reste agréable à utiliser ou seulement techniquement « non cassée » — cette différence fait partie des choses que une analyse automatique ne peut pas évaluer.