Cette traduction n’a pas encore été relue par la rédaction. La version allemande fait foi. Deutsche Fassung →
Responsive
Pourquoi un site Web ne doit-il pas se dérouler latéralement sur le téléphone?
Un site Web ne doit pas se dérouler latéralement sur le téléphone car les visiteurs ne peuvent atteindre le contenu que s'ils décalent la page du doigt. Beaucoup abandonnent avant et quittent la page. La directive d'accessibilité WCAG exige donc dans la règle 1.4.10 que le contenu s'adapte à la largeur d'écran. Le service de contrôle mesure le débordement en pixels sur quatre tailles d'appareil et nomme, si clairement reconnaissable, l'élément responsable.
C'est ainsi que le défilement latéral se produit sur le téléphone
La cause est presque toujours un élément avec largeur fixe: un tableau avec beaucoup de colonnes, une image en taille originale ou un composant d'une maquette construite pour grands écrans. Sur le moniteur de bureau, cela passe presque inaperçu, car il y a assez de place. Sur un téléphone avec 390 pixels de largeur, le même élément dépasse le bord et le navigateur affiche une barre de défilement horizontal. Les visiteurs ne voient alors qu'une partie du contenu et doivent constamment décaler la page en lisant. Un seul élément trop large suffit pour rendre la page entière mobile latéralement — c'est pourquoi cela vaut la peine de trouver exactement cet élément et de le corriger.
C'est ainsi que le service de contrôle mesure le débordement
L'audit charge votre page dans un vrai navigateur sur quatre tailles d'appareil: 390, 768, 1440 et 1920 pixels de largeur. Elle compare alors la largeur du contenu avec la largeur de l'écran et essaie vraiment de décaler la page latéralement. Le constat ne s'applique que si cela fonctionne — un débordement que le navigateur coupe lui-même ne crée pas de barre de défilement et n'est donc pas signalé comme tel. Chaque mesure se fait deux fois; seul ce que les deux mesures voient de façon cohérente est signalé. Le rapport nomme le débordement en pixels et, si clairement reconnaissable, l'élément responsable avec capture d'écran. Votre agence sait ainsi immédiatement où elle doit intervenir.
C'est ce qu'exige la règle d'accessibilité WCAG 1.4.10
La règle 1.4.10 (« Reflow ») de la directive WCAG exige que le contenu s'adapte à la largeur disponible sans que les visiteurs doivent défiler dans deux directions. L'idée derrière: les personnes malvoyantes agrandissent fortement les pages; ce qui dépasse latéralement se perd pour elles. La même adaptabilité aide chaque visiteur avec un petit écran — donc la majorité, car beaucoup de sites Web se consultent surtout sur un téléphone. Un contrôle réussi est ainsi à la fois une étape vers l'accessibilité et vers un site Web plus facile à utiliser. L'audit est une enquête technique; si des obligations légales s'appliquent à votre entreprise, une consultation juridique le clarifie.
- Ouvrez votre page d'accueil sur votre propre téléphone et balayez vers la gauche et la droite. Si la page se déplace latéralement, il y a un débordement.
- Vérifiez particulièrement les pages avec des tableaux, de grandes images ou des vidéos intégrées — c'est là que le débordement se produit le plus souvent.
- Transmettez à votre agence l'élément nommé dans le rapport d'audit et le nombre de pixels au lieu de le chercher vous-même.
- Relancez le coup d'œil au téléphone après chaque plus grande modification du site Web.