Kleiner Text auf Mobilgeräten

Silktide lädt jede Seite auf einem simulierten Mobilgerät und meldet Text, der ohne Zoomen nicht bequem lesbar ist. Text muss auf Mobilgeräten mit mindestens 11 Pixeln gerendert werden, um zu bestehen.

Warum das wichtig ist

Text, der auf einem Desktop-Monitor gut funktioniert, kann auf einem Smartphone unleserlich klein sein. Besucher kneifen die Augen zusammen, zoomen per Zweifinger-Geste und scrollen zeilenweise seitlich – oder sie geben auf; und Menschen mit eingeschränktem Sehvermögen können ihn unter Umständen gar nicht lesen. Kleiner Text häuft sich genau an den Stellen, die Designer oft übersehen: Fußzeilen, Bildunterschriften, rechtliche Hinweise und Cookie-Banner.

Dies ist besonders häufig auf Websites, die Desktop-first entworfen und erst danach für Mobilgeräte angepasst wurden – dort schrumpfen feste Schriftgrößen zusammen mit dem Layout.

So beheben Sie das Problem

Erhöhen Sie die Schriftgröße des markierten Textes, sodass er auf Mobilgeräten mit 11 Pixeln oder mehr gerendert wird. Für Fließtext sollten Sie höher ansetzen – 16 Pixel sind eine gängige Basis für angenehmes Lesen auf Mobilgeräten.
Verwenden Sie in Ihrem bevorzugt relative Einheiten (rem, em) statt fester Pixelgrößen, damit sich der Text an die Benutzereinstellungen anpasst.
Wenn ein Design auf kleinen Bildschirmen ganze Bereiche verkleinert, verwenden Sie Media Queries, damit der Text lesbar bleibt, während sich das Layout – nicht die Schrift – anpasst.

So testet Silktide dies

Lädt die Seite auf einem simulierten Mobilgerät.
Untersucht jedes sichtbare Textelement mit mindestens einigen Buchstaben oder Ziffern. Verborgener Text und auf Größe Null gesetzter Text, der ausschließlich für bestimmt ist, wird ignoriert.
Misst die gerenderte Schriftgröße jedes Elements.
Meldet Text, der mit weniger als 11 Pixeln gerendert wird.

Fehlerbehebung

Attributionshinweise aus eingebetteten Karten werden automatisch ignoriert. Für andere Widgets können Sie die Option aktivieren, Inhalte von Drittanbieter-Plugins von dieser Prüfung auszuschließen, oder eine zu akzeptierten Befunden festhalten.

Der Text ist absichtlich klein

Kleingedrucktes soll dennoch gelesen werden – das ist in der Regel ein Argument dafür, es gut lesbar zu machen, nicht kleiner. Wenn Sie zu dem Schluss kommen, dass bestimmter Text akzeptabel ist, genehmigen Sie den Befund.