Schriften, Textgröße und Kontrast für Karussells

Welche Schriftgröße sollte Karussell-Text haben?

Gestalte fürs Handy, nicht für deinen Monitor. Ein Handy zeigt einen Slide mit 1080 px etwa 360 Punkte breit, ein Drittel seiner Breite in Pixeln (große Handys zeigen ihn etwas breiter). Jede Größe, die du auf dem Slide festlegst, landet also etwa dreimal kleiner auf dem Bildschirm, auf dem Leute ihn lesen.

Apples Design-Richtlinien setzen den kleinsten Text auf einem iPhone auf 11 Punkte und die Standard-Lesegröße auf 17 Punkte. Mal drei ergibt die Zahlen für einen Slide mit 1080 px: etwa 33 px als Minimum für alles, was Leute lesen sollen, und etwa 51 px für angenehmen Fließtext. Der kostenlose LinkedIn-PDF-Checker von aiCarousels markiert Text unter etwa 24 px als schwer lesbar auf dem Handy: Sieh das als Untergrenze für kleine Beschriftungen wie eine Seitenzahl oder deinen Handle, nicht als Größe für Sätze.

Textgrößen auf einem Slide mit 1080 px, und was daraus auf dem Handy wird

Slide-Größen geteilt durch drei: ein Handy, das den Slide 360 Punkte breit zeigt. Bildschirmpunkte sind Apples Einheit, je etwa ein CSS-Pixel; WCAG misst großen Text in Druckpunkten, und seine 18 pt sind etwa 24 davon. Die letzte Spalte ist in dieser Bildschirmgröße gezeichnet. Apples Größen: Human Interface Guidelines, Typography, und UI Design Dos and Don’ts.

Du arbeitest auf einer größeren Fläche? Skaliere genauso: Bei 2.160 px Breite verdoppelst du jede Zahl. Eine dünne oder schmale Schrift braucht mehr als diese Größen, nicht weniger; Apples Richtlinien raten, größer zu gehen, wenn eine eigene Schrift einen dünnen Schnitt hat.

Die üblichen Karussell-Formate sind alle 1080 px breit (1080 × 1350 für LinkedIn und Instagram 4:5, 1080 × 1440 für Instagram 3:4, 1080 × 1920 für TikTok), also funktionieren diese Größen auf jeder Plattform. Die genauen Formate für jede App stehen unter Karussell-Größen auf jeder Plattform.

Welche Schriften eignen sich am besten für Karussells?

Die beste Schrift für ein Karussell ist die, die beim Lesen niemandem auffällt. Ein paar Regeln, die auf jeder Plattform gelten:

• Zwei Schriften reichen. Eine für Überschriften, eine für alles andere. Nutze Größe und Strichstärke für den Rest der Hierarchie, keine dritte Schrift.
• Lass die Überschriftenschrift die Persönlichkeit tragen. Eine Serifenschrift, eine kräftige Grotesk oder eine schmale Display-Schrift funktioniert für ein paar große Worte.
• Halte die Fließtextschrift schlicht. Offene Buchstabenformen, eine großzügige x-Höhe (die Höhe der Kleinbuchstaben) und ein solider normaler Schnitt. Die meisten klaren serifenlosen Schriften erfüllen das.
• Vermeide dünne und leichte Schnitte in kleinen Größen. Apples Richtlinien warnen, dass die Schnitte Ultralight, Thin und Light schwer zu erkennen sind, vor allem bei kleinem Text.
• Heb Schreibschrift und Großbuchstaben für ein paar Worte auf. Eine handschriftliche Schrift oder eine Zeile in Großbuchstaben liest sich langsamer als Kleinschreibung. In Ordnung für eine kurze Überschrift, ermüdend für einen Absatz.
• Halte sie auf jedem Slide gleich, und auf jedem Karussell. Leute lernen deinen Look, und ein Brand Kit bewahrt Schriften und Farben für jedes neue Karussell.

Schriftpaare, die auf dem Handy durchhalten

Paare aus dem kostenlosen Generator für Schriftkombinationen. Alle sind Google Fonts, kostenlos auch für kommerzielle Nutzung.

Wie viel Kontrast braucht Karussell-Text?

Kontrast ist der Helligkeitsunterschied zwischen dem Text und dem, was dahinter liegt, angegeben als Verhältnis von 1:1 (keiner) bis 21:1 (Schwarz auf Weiß). Der Barrierefreiheitsstandard des Webs, WCAG 2.2, verlangt mindestens 4,5:1 für Text und 3:1 für großen Text: 18 Punkte oder 14 Punkte fett. Laut WCAG gilt dasselbe für Bilder von Text, und jeder Karussell-Slide ist eins. Ausgenommen sind nur Logos und beiläufiger Text: Worte, die reine Dekoration sind oder zufällig Teil eines Fotos. Überschrift und Fließtext eines Slides sind beides nicht.

WCAG setzt 18 Druckpunkte mit etwa 24 px auf einem Bildschirm gleich, die 24 Bildschirmpunkte in der Tabelle oben. Auf einem Slide, den ein Handy in einem Drittel seiner Größe zeigt, sind das etwa 72 px (oder etwa 56 px fett). Überschriften in dieser Größe dürfen also 3:1 nutzen. Alles Kleinere, auch dein Fließtext, braucht 4,5:1.

Kontrastbeispiele für Karussell-Farben

Verhältnisse mit der WCAG-Formel für genau diese Farben berechnet. Das Orange zeigt die übliche Lösung: Behalte die Farbe, ändere den Text darauf.

• Text auf einem Foto ändert den Kontrast von Buchstabe zu Buchstabe. Setz die Worte auf eine einfarbige Fläche oder dunkle das Foto dahinter ab, und prüf die hellste Stelle hinter dem Text.
• Markenfarben fallen als Textfarben oft durch. Nutze sie für Hintergründe, Formen und ein Akzentwort, und setz den Text in deinem dunklen oder hellen Neutralton.
• Lass Spielraum. 4,5:1 ist das Minimum auf einem guten Bildschirm. Leute lesen Karussells im Sonnenlicht, mit heruntergedrehter Helligkeit. Ein höheres Verhältnis kostet nichts.

Wie viel Text gehört auf einen Karussell-Slide?

Weniger, als du denkst. Wenn die Worte nicht in den Größen oben passen, steht zu viel auf dem Slide.

• Eine Idee pro Slide. Eine Überschrift, die den Punkt macht, und ein oder zwei Zeilen, die ihn stützen.
• Ein kurzes Cover. Höchstens 12 Wörter ist das Ziel, das der Check Bereit zum Posten von aiCarousels für den ersten Slide zählt.
• Aufteilen statt schrumpfen. Wenn ein Slide sich wie ein Absatz liest, mach zwei Slides daraus. Die meisten Plattformen geben dir Platz: Instagram nimmt bis zu 20.
• Kurze Listen. Ein paar Punkte pro Slide, jeder in einer Zeile.

In aiCarousels kannst du das festlegen, bevor etwas geschrieben ist: Weitere Optionen › Wörter pro Slide hat Auto, Knackig (die wenigsten Wörter), Ausgewogen und Ausführlich. Beim Bearbeiten bekommt Text, der nicht in lesbarer Größe passt, ein rotes Schild Zu lang für dieses Feld, statt zu schrumpfen, und Passend kürzen kürzt ihn in deiner Stimme. Das ist die intelligente Textanpassung. Oder wechsle den Slide zu einem Layout mit mehr Platz: Deine Worte ziehen mit um.

Ist Unicode-Fettschrift schlecht für Screenreader?

Es kommt darauf an, wo das Fett steht.

• Auf einem Slide: Fett ist der eigene fette Schnitt der Schrift, ins Bild gezeichnet. Für alle, die es sehen können, sieht es gleich aus. Kein Problem.
• Im Beitragstext: Das „Fett“, das du aus einem Text-Formatierer einfügst, ist gar kein Fett. Es ist ein anderer Zeichensatz, die Mathematical Alphanumeric Symbols (U+1D400 bis U+1D7FF), gedacht für die Mathematik. Unicode empfiehlt, sie nicht anstelle echter Formatierung zu nutzen. Screenreader überspringen sie womöglich oder lesen so etwas wie „mathematical sans-serif script t“ vor, wie die Behindertenorganisation Scope erklärt.

Beschränk gestylte Buchstaben also auf ein paar Worte, und nutze sie nie für einen Namen, einen Hashtag oder den Satz, den Leute verstehen müssen. Wie das in jeder App geht, steht unter Fett schreiben auf LinkedIn und im Instagram-Text-Formatierer.

Ändern sich Schriften und Textgrößen auf LinkedIn, Instagram und TikTok?

Die Größen oben gelten überall, weil die Slides alle 1080 px breit sind. Was sich ändert, ist das, was darüber liegt:

• TikTok und Slides in 9:16: Die Buttons der App und der Beitragstext verdecken die Ränder des Slides. Halte Worte davon fern. aiCarousels zeichnet diese Bereiche ein, wenn du Sicherheitszonen anzeigen einschaltest.
• Instagram: Der Slide-Zähler sitzt oben rechts, die Punkte unter dem Bild. Lass an den Rändern Platz und schreib für jeden Slide einen Alternativtext.
• LinkedIn: Das Karussell ist ein PDF-Dokument. Seitenformat, Cover und das PDF selbst behandeln die Design-Tipps und Specs für LinkedIn-Karussells.

Ein Beispiel: ein Karussell nach diesen Regeln

Sechs Slides in 4:5. Große Überschriften, je eine Zeile Fließtext, dunkel auf hell, und ein Schriftpaar vom Cover bis zum letzten Slide.

So legst du Schriften, Textgröße und Kontrast in aiCarousels fest