Das größte Missverständnis im digitalen Publishing: Ein E-Book ist kein Print-Klon

Das Kernproblem: Zwei Welten, unterschiedliche Realitäten

Wer mit klassischen Satzprogrammen arbeitet, schätzt deren Funktionen für gedruckte Werke. Diese Programme sind perfekt darauf ausgelegt, ein Layout nach festen Regeln zu steuern: feste Seitengrößen, starre Raster und die vollständige Kontrolle über Schriftsatz, Zeilenfluss und Trennungen.

Ein digitales E-Book im flüssigen Format unterliegt diesen Regeln nicht. Es ist im Grunde eine kleine Webseite. Layout-Software versucht, die gedruckten Vorgaben so gut wie möglich in digitalen Code zu übersetzen. Das Ergebnis ist meist unübersichtlich: Jedes Zeichen- und Absatzformat, jeder Rahmen und jeder Anker wird in doppelten und übermäßigen Code exportiert.

Die trügerische Optik

In der visuellen Vorschau sieht das Ergebnis oft gut aus. Der Blick in den Quelltext zeigt jedoch schwere Mängel. Elemente erhalten falsche HTML5-Auszeichnungen. Navigationsleisten sind unvollständig oder fehlen ganz. Zudem vergeben die Programme für jedes einzelne Format eigene Klassen im CSS. Durch doppelte oder widersprüchliche Eigenschaften entstehen dann beispielsweise unschöne Leerseiten.

Diese falsche HTML-Auszeichnung und fehlende Attributierung werden spätestens dann zum Hindernis, wenn der Code nachbearbeitet werden muss. Das passiert dann, wenn Prüftools wie EPUBCheck Strukturfehler melden oder die Barrierefreiheit verbessert werden soll.

Das Missverständnis

Ein E-Book wird fälschlicherweise als visueller, digitaler Klon des gedruckten Buches betrachtet. Die Folgen sind fehlerhafte Darstellungen auf den Lesegeräten und ein extrem hoher Aufwand bei der Nachbearbeitung. Durch diese Basis lässt sich kaum ein Element isoliert anpassen, ohne an anderer Stelle Fehler auszulösen.

In diesem Artikel zeige ich, welche Praxisbeispiele am häufigsten Probleme verursachen, warum das ist, und wie sich diese Herausforderungen durch minimale Anpassungen lösen lassen.

Drei gängige Praxisfehler und Lösungen

Dieser Teil geht auf drei gundlegende E-Book Funktionen ein, die wiederkehrend auf unterschiedlichen Systemen Probleme erzeugen.

Du erfährst im einzelnen die Auswirkungen bei falscher Verwendung und erhältst konkrete Lösungswege für die Behebung.

Erstens: Feste Farbwerte und der Dark-Mode-Kollaps

E-Reader-Geräte und Lese-Apps bieten nützliche Funktionen für persönliche Vorlieben und die Barrierefreiheit. Beispiele dafür sind der Nachtmodus, oft auch Dark Mode genannt, oder die Sepia-Ansicht. In der Praxis beobachte ich oft Versuche, diese Modi im E-Book fest zu steuern. Überschriften oder bestimmte Absätze erhalten starre Farbwerte, wie sie aus dem gedruckten Buch bekannt sind. Teilweise kommen dafür gesonderte Abfragen im CSS-Code zum Einsatz, die das Verhalten der Farben bei einem Wechsel der Darstellung regeln sollen.

Hersteller von Lesegeräten und Lese-Apps nutzen zwar ähnliche Grundlagen für die Anzeige von Inhalten, verfolgen aber eigene technische Lösungen. Sie greifen direkt in die mitgelieferten Formatierungsdateien von E-Books ein und überschreiben starre Farbwerte selbstständig.

Die Auswirkungen in der Praxis

Der Versuch, Farben starr zu kontrollieren, führt bei der Nutzung verschiedener Darstellungsmodi zu folgenden schwerwiegenden Fehlern:

• Überschriften verschwinden vollständig im dunklen Hintergrund.
• Infoboxen und Zitate werden durch farbige Hintergrundflächen unlesbar.
• Das notwendige Kontrastverhältnis geht verloren.
• Verschiedene Lesegeräte reagieren unterschiedlich, da sie starr gesetzte Befehle ignorieren oder überschreiben.

Diese Auswirkungen führen dann vielleicht sogar dazu, dass für jedes Lesesystem eine eigene E-Book-Datei erstellt wird. Das erhöht den Aufwand in der Herstellung und macht die Pflege der Backlist langfristig aufwendig.

Die technische Lösung

Der stärkste Kontrast entsteht weiterhin durch dunklen Text auf hellem Grund und umgekehrt. Viele E-Reader-Endgeräte verfügen zudem über keine Farbdisplays. Anstatt also feste Farbwerte für wichtigen Text zu vergeben, wird die Steuerung der Farbwerte an das E-Reader-System übergeben:

1. Der Befehl color: inherit sorgt dafür, dass ein Element die Textfarbe des übergeordneten Bereichs übernimmt.
2. Der Befehl color: currentColor nutzt die vom Lesegerät aktuell festgelegte Vordergrundfarbe. So bleiben Elemente auch in unterschiedlichen Ansichten lesbar.

Farben können ein E-Book weiterhin visuell bereichern. Bei wichtigen Texten und Grafiken gilt jedoch: Die Lesbarkeit hat Vorrang. Wenn die Farbsteuerung dem E-Reader überlassen wird, bleiben die Barrierefreiheit sowie persönliche Einstellungen der Leser:innen erhalten und der Herstellungsprozess wird deutlich einfacher.

Zweitens: Feste Maßeinheiten, starre Zeilenabstände und erzwungener Blocksatz

Im gedruckten Buch gehören feste Punktangaben für Schriftgrößen und Zeilenabstände zum Standard. Auch der flächendeckende Blocksatz ist ein typisches Merkmal gedruckter Seiten. Beim Export in ein E-Book werden diese starren Werte manchmal direkt in das CSS übernommen. Feste Angaben in Punkt oder Pixel verhindern jedoch, dass sich der Text an unterschiedliche Bildschirme oder an die Wünsche der Leserinnen und Leser anpassen kann.

Ähnlich verhält es sich mit dem Blocksatz. Im Druck sichert der manuelle Feinsatz ein harmonisches Schriftbild. Im E-Book wird Blocksatz oft über den gesamten Fließtext gelegt. Fehlt hier eine automatische Eigenschaft zur Silbentrennung, die dem E-Reader-System die Kontrolle bei wechselnden Bildschirmgrößen überlässt, entstehen unschöne Lücken im Text.

Die Auswirkungen in der Praxis

Diese unschönen Lücken im Text stören auf folgende Weise den Lesefluss:

• Schriftgrößen lassen sich auf dem Lesegerät nicht mehr dynamisch vergrößern oder verkleinern.
• Zeilen schieben sich ineinander, wenn die Schriftgröße erhöht wird, der Zeilenabstand aber starr in Punkt definiert bleibt.
• Auf schmalen Bildschirmen von Smartphones entstehen riesige Lücken zwischen den Wörtern, die den Lesefluss stören.
• Fixe Werte führen dazu, dass Inhalte aus dem sichtbaren Bereich des Bildschirms herausrutschen. Das ist besonders bei älteren E-Readern der Fall.

Manche E-Reader-Engines überschreiben diese Pixelwerte dann eigenständig und es entsteht ein unsauberes Schriftbild.

Die technische Lösung

Ein flexibles E-Book benötigt verhältnismäßige, sogenannte relative Maßeinheiten. So lässt sich die Darstellung dynamisch halten:

1. Die Verwendung von relativen Einheiten wie em, rem und % stellt sicher, dass Schriftgrößen, Bilder und Zeilenabstände proportional zueinander mitwachsen, wenn Einstellungen auf dem Gerät verändert werden.
2. Die Ergänzung von hyphens: auto im CSS ermöglicht dem System eine automatische Silbentrennung im Blocksatz, wodurch unschöne Lücken im Text vermieden werden.

Durch diese Anpassungen bleibt das Schriftbild auf kleinen wie auf großen Bildschirmen stabil und der Text lässt sich auf allen Geräten barrierefrei anpassen.

Drittens: Seitenumbruch und verwaiste Überschriften

Im Buchdruck wird ein Kapitelwechsel durch einen harten Seitenumbruch erzwungen. Auch Überschriften werden fest mit dem Folgetext verbunden, damit sie nicht isoliert am unteren Rand einer Seite stehen. In Satzprogrammen wird oft versucht, dieses Prinzip auf das E-Book zu übertragen.

Das erste Problem entsteht durch doppelte Umbruchbefehle: Die Aufteilung eines Buches in einzelne XHTML-Dateien erzeugt auf dem Lesegerät automatisch einen Seitenumbruch. Bekommt die erste Überschrift einer Datei im CSS zusätzlich eine Eigenschaft wie break-before: page zugewiesen, führt das Lesegerät zwei Umbrüche hintereinander aus.

Das zweite Problem betrifft verwaiste Überschriften am Seitenende. Der Versuch, eine Überschrift über künstliche Container wie div-Elemente starr an den nachfolgenden Text oder an Listen zu binden, erzeugt im E-Book neue Fehler. Selbst wenn diese Container für Screenreader über Attribute wie role="none" unsichtbar gemacht werden, bleiben die visuellen Probleme bestehen. Lese-Engines wie Apple Books oder Kindle verarbeiten Umbruchbefehle für verschachtelte Elemente unterschiedlich. Sie erzwingen oder ignorieren Umbrüche je nach verbleibendem Bildschirmplatz, wodurch unerwünschte Abstände entstehen und der Textfluss instabil wird.

Die Auswirkungen in der Praxis

Werden Seitenumbrüche doppelt vergeben oder Überschriften im Code gebunden, führt das zu folgenden Schwierigkeiten:

• Vor Kapitelanfängen erscheint eine komplett leere Seite.
• Künstliche Container-Elemente erzeugen nach dem Umbruch unerwartete Abstände oder Lücken.
• Nachfolgende Elemente erzeugen durch eigene Eigenschaften und das Umbrechen weitere E-Book Seiten und zerren die Inhalte unnötig auseinander.
• Das Layout verhält sich auf unterschiedlichen E-Readern völlig unterschiedlich, da manche Systeme die Umbruchbefehle eigenständig überschreiben.

Die technische Lösung

Geräteübergreifend gibt es im flüssigen Format aktuell noch keine stabile Möglichkeit, verwaiste Überschriften in jedem Fall auf allen Geräten gleichzeitig zu verhindern. Der Versuch, diese Kontrolle im Code zu erzwingen, richtet meist mehr Schaden an als der eigentliche Schönheitsfehler. Während es vereinzelte Lösungen für einzelne Engines gibt, empfiehlt es sich an dieser Stelle nicht, eine erzwungene Lösung für alle E-Reader-Systeme zu implementieren.

1. Kapitel werden sauber in eigene XHTML-Dateien aufgeteilt. Auf zusätzliche CSS-Befehle für Seitenumbrüche am Dateianfang wird verzichtet, um leere Seiten zu vermeiden.
2. Auf künstliche Container-Elemente um Überschriften, Absätze oder Listen wird verzichtet. Der Quelltext bleibt flach und schlank.
3. Wo ein zusammenhängender Abschnitt zwingend als Einheit auf eine neue Seite rücken muss, kann innerhalb einer XHTML-Datei ein gezielter Seitenumbruch definiert werden.

Warum Layoutexporte diese Probleme erzeugen

Satzprogramme sind auf die millimetergenaue Positionierung visueller Elemente auf einer festen Seite ausgelegt. Ein E-Book im Reflowable-Format basiert hingegen auf einer flexiblen Web-Architektur mit dynamischem Textfluss und kaskadierender Vererbung.

Beim Export versuchen diese Softwarelösungen, absolute visuelle Vorgaben in fluides XHTML zu übersetzen. Um das Erscheinungsbild der Druckvorlage künstlich zu simulieren, vergeben die Export-Algorithmen für fast jedes Element eigene, explizite CSS-Klassen, anstatt semantische HTML-Tags, objektbasierte Selektoren oder vererbbare Eigenschaften zu nutzen.

Das Übertragen von Print-Regeln auf eine flexible Code-Struktur erzeugt eine unnötig komplexe Datei-Architektur. Sie verhindert, dass Lesegeräte den Textfluss sauber berechnen können, und führt zwangsläufig zu fehlerhaftem Rendering. Beim Öffnen im Editor oder der technischen Validierung durch W3C EPUBCheck wird deshalb oft ein langes Error-Protokoll an Syntaxfehler ausgegeben.

Der Zielzustand: Wie valider Satz im reflowable Web funktioniert

Ein layoutstabiles und barrierefreies E-Book entsteht durch das konsequente Befolgen von Prinzipien aus der Web-Entwicklung. Anstatt ein gedrucktes Layout visuell zu erzwingen, wird der Inhalt als flexibles digitales Dokument aufgebaut. Drei Grundsätze bilden das Fundament für diesen sauberen Satz.

Erstens: Trennung von Inhalt und Erscheinungsbild

Das Fundament eines jeden E-Books basiert auf semantisch sauberes HTML5 gemäß der offiziellen W3C EPUB 3.3 Spezifikation. Der Quelltext beschreibt ausschließlich die Bedeutung der einzelnen Elemente, nicht deren visuelle Gestaltung. Eine Überschrift erster Ordnung wird als h1 ausgezeichnet, ein Fließtextabsatz als p und ein Zitat als blockquote.

Diese Trennung erlaubt es Lesegeräten und Assistenzsystemen wie Screenreadern, die Struktur des Buches fehlerfrei zu erfassen und wiederzugeben.

Zweitens: Defensives CSS

Formatierungsanweisungen im CSS sollten zurückhaltend definiert werden. Das Ziel ist es, das Layout strukturell zu stützen, ohne die Steuerung durch das Lesesystem zu blockieren. Zusätzlich liefert das Basis-HTML bereits inhärent bewährte Formatierungen und Proportionen.

Defensives CSS gibt dem E-Reader genügend Spielraum für eigene Anpassungen. Nur so können persönliche Einstellungen der Leserschaft geräteübergreifend und ohne Darstellungsfehler funktionieren.

Drittens: Konsequente Nutzung relativer Einheiten

Für Abstände, Ränder und Schriftgrößen werden ausschließlich verhältnismäßige Maßeinheiten verwendet.

• Die Einheiten em und rem orientieren sich an der jeweiligen Grundschriftgröße und skalieren dynamisch mit.
• Prozentangaben sorgen bei Rändern und Breiten dafür, dass sich Elemente flexibel an unterschiedliche Bildschirmbreiten anpassen.

Durch diese Prinzipien bleibt das digitale Buch auf unterschiedlichen Displaygrößen stabil, behält eine klare visuelle Hierarchie und lässt sich barrierefrei bedienen.

Fazit: Digitalen Satz als eigene Disziplin verstehen

Ein E-Book ist ein eigenständiges digitales Format und unterscheidet sich grundlegend von einer Druckseite. Wer versucht, Print-Design eins zu eins im EPUB zu erzwingen, erzeugt hohen Nachbearbeitungsaufwand und beschädigt die Qualität des Endprodukts und damit auch die Nutzerfreundlichkeit.

Die Trennung von Struktur und Gestaltung sorgt für ein robustes digitales Format. Sobald Texte als strukturierte, maschinenlesbare Daten vorliegen, lassen sie sich stabil auf allen Endgeräten darstellen. Das erleichtert die Weiterverarbeitung im Verlag und sichert die Langlebigkeit digitaler Ausgaben.

Der Verzicht auf visuelle Übersteuerung schafft echte Kompatibilität. Ein technisch optimiertes E-Book erhöht die Lesbarkeit auf jedem Bildschirm, stärkt die Barrierefreiheit und öffnet Werke für alle Leserinnen und Leser.

Digitale Buchproduktion erfordert daher ein Umdenken: den Schritt weg von der starren Druckseite und hin zu einer flexiblen, nachhaltigen Code-Architektur.

Weiterführende Primärquellen

Thema	Relevanz für den Artikel	Offizielle Quelle
Code-Validierung & Syntaxfehler	Prüfmaßstab für die technische Fehlerfreiheit von EPUB-Dateien bei Distributoren.	W3C EPUBCheck auf GitHub
Semantische Web-Architektur	Technischer Standard für die Trennung von Struktur und Präsentation im Reflowable Format.	W3C EPUB 3.3 Specification
Barrierefreies E-Book	Definition und Leitfaden für die Umsetzung von Barrierefreiheit im EPUB	EPUB Accessibility 1.1