Reflow ist die Anforderung, dass sich Inhalt bei einer Breite von 320 CSS-Pixeln darstellen lässt, ohne in zwei Richtungen scrollen zu müssen. Gemeint ist der Umbruch in eine Spalte bei starker Vergrößerung.
- Reflow (Umbruch bei 400 % Zoom)
Die Anforderung, dass Inhalt bei 320 CSS-Pixeln Breite ohne Scrollen in zwei Richtungen lesbar bleibt.
Beispiel: „Reflow ist erfüllt, wenn die Randspalte bei starker Vergrößerung unter den Inhalt rutscht.“Abgrenzung zum Reflow im Browser: In der Entwicklung heißt Reflow auch die Neuberechnung des Layouts durch den Browser, ein Thema der Ladezeit. Hier ist das Erfolgskriterium gemeint, nicht die Rechenarbeit.
Abgrenzung zur Vergrößerung von Text: Erfolgskriterium 1.4.4 verlangt 200 Prozent für Text allein. Reflow betrifft die ganze Darstellung und greift bei 400 Prozent.
Was das Kriterium verlangt
Erfolgskriterium 1.4.10 „Reflow“ steht auf Stufe AA. Inhalt muss sich ohne Verlust von Information oder Funktion darstellen lassen, und zwar bei senkrechtem Scrollen auf einer Breite von 320 CSS-Pixeln und bei waagerechtem Scrollen auf einer Höhe von 256 CSS-Pixeln.
Die Anmerkung im Normtext nennt die Rechnung dahinter: 320 CSS-Pixel entsprechen einem Fenster von 1280 Pixeln bei 400 Prozent Zoom. Geprüft wird deshalb am Rechner und nicht auf dem Telefon.
Warum das dieselbe Arbeit ist wie Responsive Design
Weil derselbe Umbruch gemeint ist. Eine Seite, die auf einem schmalen Telefon in eine Spalte rutscht, erfüllt das Kriterium in aller Regel von selbst, denn der Browser behandelt 400 Prozent Zoom wie ein schmales Fenster.
Teuer wird es nur dort, wo Breakpoints an Geräteklassen hängen statt am verfügbaren Platz. Wer das Mobil-Layout an einer Gerätebreite festmacht, bekommt es beim Zoomen am Rechner nicht zu sehen.
Was ausgenommen ist
Inhalte, die eine zweidimensionale Anordnung brauchen, um benutzbar zu sein oder um Sinn zu ergeben. Dazu zählen Datentabellen, Landkarten, Diagramme, Notensatz und Code mit bedeutsamer Einrückung.
Aus unserer Arbeit an über 2.500 Website-Projekten wird diese Ausnahme gern überdehnt. Eine Preistabelle mit drei Spalten braucht keine zwei Dimensionen; sie lässt sich untereinander stellen, und auf dem Telefon geschieht das ohnehin.