Responsive Design

Genau das darf nach WCAG nicht passieren. Das Erfolgskriterium 1.4.10 Reflow der WCAG 2.2 verlangt auf Stufe AA, dass Inhalt bei einer Breite von 320 CSS-Pixeln ohne Scrollen in zwei Richtungen nutzbar bleibt – vertikales Scrollen darf weiterhin nötig sein, zusätzliches horizontales nicht. Ausgenommen sind Inhalte, die zwingend zweidimensional sind, etwa Landkarten, Diagramme oder Datentabellen. 320 Pixel entsprechen einer Startbreite von 1.280 Pixeln bei 400 Prozent Zoom.

Responsive Design ändert nur das Layout je nach Bildschirmbreite – es ersetzt nicht die Textvergrößerung, die das Erfolgskriterium 1.4.4 Resize Text der WCAG 2.2 auf Stufe AA verlangt: Text muss sich ohne Hilfstechnologie um 200 Prozent vergrößern lassen, ohne dass Inhalt oder Funktion verloren gehen; ausgenommen sind Bildunterschriften und Text in Bildern. Eine responsive Seite, die das Zoomen per Viewport-Angabe unterbindet, verstößt gegen dieses Kriterium.

Daran, dass sich zentrale Bedienelemente nur mit der zweiten Hand oder durch Umgreifen erreichen lassen. Responsive Design löst allein die Geometrie – es sorgt dafür, dass Inhalt und Layout auf eine schmale Breite passen, nicht dafür, dass ein Daumen jedes Element trifft. Nach einer Beobachtungsstudie von Steven Hoober (UXmatters, 2013, 1.333 beobachtete Personen) bedienen 49 Prozent ihr Smartphone einhändig mit dem Daumen, weitere 36 Prozent tippen beidhändig nur mit einem Daumen.