Critères de succès

WCAG 1.4.10 Redistribution

Le critère de succès 1.4.10 exige que le contenu puisse être présenté sans perte d'information ni de fonctionnalité, et sans imposer de défilement dans les deux dimensions, à une largeur de 320 pixels CSS pour un contenu à défilement vertical, ou à une hauteur de 256 pixels CSS pour un contenu à défilement horizontal - l'équivalent de l'affichage d'une conception de 1280 px de large à 400 % de zoom. C'est un critère de niveau AA sous la règle 1.4 (Distinguable), ajouté dans les WCAG 2.1.

En quoi ce critère diffère du redimensionnement du texte (1.4.4)

Le critère 1.4.4 exige que le texte puisse être agrandi à 200 % sans perte de fonctionnalité, mais ne précise aucune largeur de fenêtre d'affichage : une page de bureau agrandie à 200 % peut encore tenir correctement si la fenêtre elle-même est large. Le critère 1.4.10 est plus exigeant et plus précis : il simule une personne malvoyante utilisant un logiciel d'agrandissement ou un zoom extrême dans une fenêtre d'affichage étroite, contrainte sensiblement plus difficile à satisfaire que le seul critère 1.4.4.

La règle du « défilement bidimensionnel », précisément

Le défilement vertical pour lire une longue page est toujours acceptable : c'est un comportement normal et attendu. Ce qui n'est PAS admis, c'est d'être contraint de défiler horizontalement pour lire du contenu textuel ordinaire ligne par ligne, à la largeur équivalente de 320 px. Un contenu qui exige réellement un format large - un tableau de données, un schéma complexe, un extrait de code - est exempté de l'exigence de redistribution pour cet élément précis, même si la page environnante doit, elle, se redistribuer.

Où ce critère échoue typiquement

• Les mises en page à largeur fixe en pixels, qui ne réagissent pas du tout à la taille de la fenêtre d'affichage.
• Les conceptions multicolonnes qui ne se replient pas en une seule colonne sur les fenêtres étroites.
• Un contenu qui dépasse de son conteneur et se retrouve tronqué plutôt que renvoyé à la ligne ou redistribué.
• Les barres de navigation horizontales comportant trop d'éléments pour tenir et ne se repliant pas en menu de type mobile.

Ce qu'il faut en retenir

Ce critère est largement satisfait « sans effort supplémentaire » par une conception réellement adaptative, pensée d'abord pour le mobile : une mise en page qui s'adapte déjà proprement jusqu'à une fenêtre d'affichage de largeur téléphone a, dans la plupart des cas, déjà résolu la version « zoom à 400 % sur un écran de bureau » du même problème de fond. Les sites qui échouent au critère 1.4.10 sont presque toujours des sites qui n'ont jamais construit de véritable mise en page adaptative, et non des sites qui l'ont bien faite mais ont manqué un cas limite.

Questions fréquentes

Qu'est-ce que le critère WCAG 1.4.10 Redistribution ?

Un critère de niveau AA qui exige que le contenu se redistribue dans une fenêtre d'affichage de 320 px de large (ou à 400 % de zoom) sans imposer de défilement horizontal pour lire un bloc de texte.

Pourquoi 320 pixels ?

Cette valeur correspond à une fenêtre d'affichage mobile et au zoom à 400 % d'une page de bureau de 1280 px, ce dont les personnes malvoyantes ont couramment besoin.

Qu'est-ce qui est exempté du critère 1.4.10 ?

Les contenus qui exigent réellement une mise en page bidimensionnelle - tableaux de données, images complexes, cartes, barres d'outils - peuvent conserver un défilement horizontal.