Die Seite auf dem Telefon und was ein schmales Browserfenster nicht zeigt.
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.
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.
Was ein Fenster am Rechner grundsätzlich nicht zeigt
Die vier Dinge, die sich nur auf einem echten Gerät zeigen, der Fehler, den fast jede klebende Leiste macht, und wann das Barrierefreiheitsgesetz eine Maklerwebsite überhaupt trifft
Zugang kostenlos freischalten
Sie erhalten einen Code per Mail. Damit öffnen Sie jede Lektion der vier Stufen, so oft Sie wollen und ohne Ablaufdatum.