Prüfpunkt mindest-schriftgroesseUmfluss und Text
Wie groß muss Text auf dem Smartphone mindestens sein?
Auf einem Bildschirm, der in der Hand liegt, entscheidet die Schriftgröße darüber, ob ein Text gelesen oder weggewischt wird. Google empfiehlt für Fließtext mindestens 16 Bildpunkte und wertet Seiten ab, deren Text unter 12 Bildpunkten bleibt — der Leser müsste dann zoomen, und viele tun das nicht. Der Prüfbereich Responsive misst auf den mobilen Geräteprofilen jeden sichtbaren Textknoten und zählt, wie viele davon unter 12 Bildpunkten liegen. Der Befund nennt die Zahl, die kleinste gefundene Größe und ein Beispiel-Element.
Was gemessen wird und was nicht
Gemessen wird auf den Profilen Smartphone mit 390 und 320 Bildpunkten Breite, so wie der Browser die Seite tatsächlich darstellt — mit allen Stilangaben, Medienabfragen und Vergrößerungsfaktoren. Ein Textknoten zählt, wenn er sichtbar ist und mindestens drei Zeichen enthält. Hoch- und Tiefstellungen, zugeklappte Ausklappelemente, versteckte Bereiche und alles innerhalb von Skripten bleiben außen vor; sie sind kein Fließtext. Als Ergebnis entsteht je Profil eine Prüfzeile: bestanden, wenn kein Text unter 12 Bildpunkten liegt, sonst nicht bestanden mit der Zahl der Textstellen, der kleinsten Größe und dem Element, an dem sie gefunden wurde. Wie jeder Responsive-Check wird auch dieser doppelt gemessen; der kleinere der beiden Werte zählt.
Woher zu kleine Schrift kommt
Selten ist die Grundschrift zu klein — meist sind es Nebentexte: Bildunterschriften, Fußzeilen, rechtliche Hinweise, Etiketten in Formularen, Preisangaben in Kacheln. Sie werden am Schreibtisch entworfen, wo 11 Bildpunkte lesbar wirken, und auf dem Telefon nicht mehr angepasst. Ebenso häufig sind Skalierungen in Prozent oder em, die sich über mehrere Ebenen aufmultiplizieren: 80 Prozent von 80 Prozent der Grundschrift ergibt am Ende 10 Bildpunkte. Die Korrektur ist eine Untergrenze in den Stilangaben für mobile Breiten — 12 Bildpunkte als Boden, 16 für den Fließtext — und der Verzicht auf verschachtelte relative Größen. Wer Nebentexte klein halten will, nutzt Farbe und Abstand, nicht die Größe.
So gehen Sie es an
- Setzen Sie in den Stilangaben für mobile Breiten eine Untergrenze von 12 Bildpunkten und 16 Bildpunkte für den Fließtext.
- Prüfen Sie Fußzeilen, Bildunterschriften, Formularetiketten und Kacheln — dort sitzt die kleine Schrift fast immer.
- Vermeiden Sie verschachtelte relative Größen (Prozent, em), die sich über mehrere Ebenen verkleinern; rem bezieht sich immer auf die Grundschrift.
- Sehen Sie sich die Seite auf einem echten Telefon an, nicht nur im verkleinerten Browserfenster.
Weiter im Prüfbereich Responsive
- Warum darf eine Website auf dem Handy nicht seitlich scrollen?Seitliches Scrollen zeigt: Inhalt ragt über den Bildschirm hinaus. Die Prüfung misst den Überstand in Pixeln und nennt das verursachende Element.
- Wie groß müssen Schaltflächen auf einer Website mindestens sein?Mindestens 24 mal 24 Pixel, so verlangt es die Regel WCAG 2.5.8. Die Prüfung misst Schaltflächen und Links auf vier Gerätegrößen und nennt zu kleine.
- Warum wird Text auf einer Website abgeschnitten?Text wird abgeschnitten, wenn sein Kasten schmaler ist als der Inhalt. Die Prüfung findet solche Stellen auf vier Gerätegrößen und zeigt Beispiele.
- Wie viel Text gehört in den ersten Bildschirm einer Website?Mindestens 60 Wörter lesbarer Text sollten auf dem Handy ohne Scrollen sichtbar sein — so verstehen Besucher und Suchmaschinen sofort, worum es geht.
Dieser Prüfpunkt gehört zum Prüfbereich Responsive; dort stehen alle Prüfpunkte im Überblick. Was die Prüfung insgesamt leistet, zeigt die Leistungsseite; wie ein Ergebnis zustande kommt, erklärt das Prüfverfahren. Alle Prüfbereiche im Überblick: Wissensbasis.
Foto: NeONBRAND neonbrand, CC0
.jpg){kind=link}