# Die Seite auf dem Telefon

Nein. Ein schmales Fenster zeigt das Layout und nicht die Bedienung. Es fehlen der Daumen, die eingeblendete Tastatur, die wandernde Adressleiste und jede Berührung, die sich von einem Mauszeiger unterscheidet.

https://makler.rang-eins.com/wissen/fundament/die-seite-auf-dem-telefon

## Reicht ein verkleinertes Browserfenster als Prüfung?

Nein, und zwar aus einem Grund, der nichts mit der Breite zu tun hat. Ein schmales Fenster zeigt das Layout. Es zeigt nicht die Bedienung, und dort liegen die Fehler.

## Drei Zahlen für Tippziele, und nur eine davon ist verbindlich

Sie werden in Ratgebertexten regelmäßig zu einer einzigen Regel verschmolzen, obwohl sie von drei verschiedenen Stellen mit verschiedenem Geltungsanspruch stammen.

| Zahl | Herkunft | Verbindlichkeit |
|---|---|---|
| 24 mal 24 CSS-Pixel | WCAG 2.5.8, Stufe AA | die prüfbare Untergrenze |
| 44 mal 44 CSS-Pixel | WCAG 2.5.5, Stufe AAA | freiwillige höhere Stufe |
| 48 mal 48 dp, etwa 9 Millimeter | Material Design von Google | Empfehlung der Plattform |

Die meistzitierte Zahl des Themas ist dabei die am häufigsten falsch wiedergegebene. Apples Gestaltungsrichtlinien nennen für iOS eine Standardgröße von 44 mal 44 Punkt und ausdrücklich eine Mindestgröße von 28 mal 28. Die Kurzformel, Apple verlange 44 Punkte, ist also unvollständig. Apple selbst erlaubt in dichten Anordnungen kleinere Ziele, mit einer Untergrenze, die je Plattform verschieden ist.

Praktisch heißt das, 24 Pixel ist die Zahl, an der geprüft wird, und alles darüber ist eine bewusste Entscheidung und keine Vorschrift.

## Die Ausnahme dazu ist ein Kreis, kein Rechteck

Ein Ziel darf kleiner als 24 Pixel sein, wenn um seinen Mittelpunkt ein gedachter Kreis mit 24 Pixel Durchmesser weder ein anderes Ziel noch dessen Kreis berührt. Dazu kommen vier weitere Ausnahmen, unter anderem für Verweise mitten im Fließtext und für Fälle, in denen die dichte Anordnung selbst die Information trägt, etwa bei Kartenmarkern.

Die Kreisgeometrie ist der Punkt, an dem die Ausnahme in der Praxis fast immer falsch angewendet wird, weil man an rechteckige Abstände denkt. Ein Layout kann damit formal in Ordnung sein und trotzdem winzige, dicht gepackte Ziele haben, solange der Freiraum stimmt.

Eine zweite Falle steckt in der Einheit. Das CSS-Pixel ist zoomunabhängig definiert. Ein zu kleines Ziel lässt sich also nicht dadurch heilen, dass jemand hineinzoomt, die 24 Pixel müssen im Ausgangslayout stimmen.

Der Rest dieser Lektion steht hinter einem Code. Den Zugang gibt es unter https://makler.rang-eins.com/wissen/fundament/die-seite-auf-dem-telefon