Kleiner Desktop-Text

Silktide misst die Größe des Textes, den Menschen sehen, wenn Ihre Seiten auf einem Desktop-Bildschirm angezeigt werden, und meldet Text, der kleiner als 12 Pixel gerendert wird. Text in dieser Größe ist für viele Menschen schwer oder gar nicht lesbar.

Warum das wichtig ist

Desktop-Bildschirme sind weiter vom Lesenden entfernt als ein Smartphone, daher ist kleiner Text dort verhältnismäßig schwerer zu lesen. Text unter 12 Pixel schließt Leserinnen und Leser mit Sehbeeinträchtigung aus, strengt ältere Personen an und bringt alle anderen dazu, sich vorzubeugen oder zu zoomen. Maßgebliche Designrichtlinien einigen sich auf 12 bis 14 Pixel als praktisches Minimum für Fließtext auf dem Desktop.

Kleiner Text ist selten eine bewusste Entscheidung – er schleicht sich meist über juristische Textbausteine, Fußzeilen und Einbettungen von Drittanbietern ein, die niemand erneut prüft.

So beheben Sie das

Erhöhen Sie in Ihrem die Schriftgröße auf mindestens 12px und vorzugsweise 16px für Fließtext.

\/* Problem: auf dem Desktop zu klein für komfortables Lesen *\/
.footer-note { font-size: 10px; }

\/* Lösung: eine gut lesbare Größe verwenden, idealerweise in relativen Einheiten *\/
.footer-note { font-size: 0.875rem; } \/* 14px bei Standardeinstellungen *\/

Bevorzugen Sie relative Einheiten (rem, em) statt fester Pixel, damit der Text ebenfalls skaliert, wenn Nutzende die Standardschriftgröße ihres Browsers ändern.
Wenn der beanstandete Text in seiner Größe tatsächlich unproblematisch ist, zum Beispiel weil er nur dekorativ ist, können Sie den Befund .

So testet Silktide dies

Jede Seite wird in einer Desktop-Bildschirmgröße gerendert.
Die endgültige berechnete Größe jedes sichtbaren Textes wird gemessen, nachdem sämtliches CSS angewendet wurde.
Versteckter Text, nur für bestimmter Text sowie Fragmente mit weniger als 2 Zeichen (z. B. Icon-Glyphen) werden ignoriert.
Es wird Text gemeldet, der unter 12 Pixel gerendert wird.

Wenn Ihre Website so konfiguriert ist, dass Drittinhalte ausgeschlossen werden, wird Text innerhalb bekannter Plugins von Drittanbietern nicht gemeldet.

Fehlerbehebung

Der Text sieht auf meinem Bildschirm gut aus

Hochauflösende Displays und persönliche Zoom-Einstellungen können kleinen Text auf Ihrem Gerät akzeptabel erscheinen lassen, während er bei Standardeinstellungen weiterhin zu klein ist. Der Check misst die CSS-Pixelgröße, mit der der Browser jedes Besuchers standardmäßig startet.

Und mobil?

Die Textgröße in der mobilen Darstellung Ihrer Seiten wird separat durch Kleiner Text (mobil) geprüft, das einen für mobile Bildschirme geeigneten Schwellenwert verwendet.