Le contenu doit s’adapter à une largeur de 320 pixels CSS sans défilement horizontal

Dans chaque zone d’affichage scannée, par défaut de 1440 ou de 390 px de large, le contrôle redimensionne la page à 320 × 480 px CSS, attend deux images d’animation et 250 ms de plus, effectue ses mesures, puis rétablit la zone d’affichage. Dans le contexte mobile, si la balise meta viewport manque ou impose une largeur fixe et que la page garde ainsi une mise en page plus large, elle reçoit à la place un seul constat, sur html.

Sinon, il signale, en commençant par les plus larges et 10 au plus par page, les boîtes qui dépassent de plus de 2 px le bord de fin de ligne de la zone d’affichage alors que leurs ancêtres y tiennent, ainsi que les éléments qui y tiennent mais dont le texte propre ne passe pas à la ligne et dépasse ce bord. Il ignore les tableaux, les grilles, les cartes géographiques, role="application", le contenu aria-hidden et les boîtes vides.

Quand la page défile horizontalement et que rien d’autre n’est signalé, c’est html qui reçoit le constat, sauf si un tableau, une grille, une carte ou une région role="application" a débordé. Le contenu coupé par un overflow-x: hidden sur la page est tout de même signalé. Le contenu masqué à 320 px, ou placé dans son propre conteneur de défilement ou de rognage, est ignoré.