1.4.10Niveau AA1.4 Distinguishable

Redistribution

Content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions, for vertical scrolling content at a width equivalent to 320 CSS pixels and for horizontal scrolling content at a height equivalent to 256 CSS pixels. Exceptions apply for content requiring two-dimensional layout.

Voir la spécification W3C ↗

Ce que cela signifie

Comprendre Redistribution (en anglais) | Comment satisfaire à Redistribution (en anglais) (Niveau AA) Le contenu peut être présenté sans perte d’information ou de fonctionnalité et sans nécessité de défilement dans les deux dimensions pour : un contenu à défilement vertical avec une largeur équivalente à 320 pixels CSS  ; un contenu à défilement horizontal avec une hauteur équivalente à 256 pixels CSS . Sauf pour les parties du contenu dont l’utilisation ou la compréhension nécessite une mise en page en deux dimensions. Note 320 pixels CSS équivaut à une largeur d’affichage initiale de 1280 pixels CSS avec un zoom de 400 %. Pour les contenus Web conçus pour défiler horizontalement (par exemple, avec du texte vertical), la valeur de 256 pixels CSS équivaut à une hauteur d’affichage initiale de 1024 pixels avec un zoom de 400 %. Note On compte parmi les exemples de contenu nécessitant une mise en page en deux dimensions : les images, les cartes, les diagrammes, les vidéos, les jeux, les présentations, les tableaux de données, et les interfaces où il est nécessaire de garder les barres d’outils visibles pendant la manipulation du contenu.

Failing example

/* Fails: fixed-width table forces horizontal scroll */
table { width: 1200px; }

How to fix it

/* Pass: responsive table with horizontal scroll
   contained within the component, not the viewport */
.table-wrapper { overflow-x: auto; max-width: 100%; }
table { min-width: 600px; width: 100%; }

Comment A11yRisk détecte cela

A11yRisk détecte ce critère automatiquement.

Analyser votre site pour cette violation →