Le texte doit rester lisible avec un espacement du texte augmenté

Le contrôle fige les transitions CSS, mesure la page, injecte les styles d’espacement et mesure de nouveau. L’espacement des paragraphes est appliqué aux éléments p sous la forme margin-bottom: 2em. Le contrôle mesure chaque ligne de texte, et non la boîte de l’élément, pour 1 500 éléments au plus qui ont leur propre texte.

Un texte est signalé quand ses lignes débordent désormais de plus de 4 px d’une boîte dont overflow vaut hidden ou clip, ou qu’elles chevauchent désormais le texte d’un autre élément, une image ou un input de plus de 4 px, horizontalement comme verticalement. Un débordement dans une boîte qui défile ne compte pas, pas plus qu’un texte déjà tronqué ou masqué visuellement. Les couches fixes ou sticky ne sont jamais comparées au contenu qui défile sous elles.

Une troisième mesure, sans les styles, ne doit plus montrer le problème : un carrousel qui a bougé de lui-même est donc écarté. Le contrôle s’exécute dans chaque zone d’affichage scannée, par défaut de 1440 px et de 390 px de large, et signale 15 éléments au plus par page et par zone d’affichage. Le texte contenu dans un SVG, un canvas, un textarea ou un select n’est pas mesuré.