Cette traduction n’a pas encore été relue par la rédaction. La version allemande fait foi. Deutsche Fassung →
Corriger le défilement horizontal : pourquoi le contenu dépasse de la page
Une page ne doit jamais pouvoir défiler latéralement sur aucun appareil. S'il le fait, un élément unique dépasse la largeur de l'appareil — le service de contrôle indique le nombre de pixels en saillie et, s'il peut l'attribuer clairement, l'élément qui le cause.
- La cause est presque toujours un élément à largeur fixe : un tableau, une vidéo intégrée, une image sans largeur maximale, ou un texte long sans possibilité de retour à la ligne — par exemple une adresse ou un nom de fichier sans espaces.
- L'effet n'est pas visible sur un ordinateur de bureau : à 1440 pixels, presque tout tient. Ce n'est qu'à 390 pixels que l'élément dépasse et que toute la page peut se déplacer — avec le résultat connu que le texte s'éloigne latéralement lors du défilement.
- Pour identifier le responsable, on masque l'élément après l'élément jusqu'à ce que le défilement disparaisse. Notre rapport anticipate cette étape quand le sélecteur est suffisamment univoque et fournit une capture d'écran de preuve avec l'élément en surbrillance.