Ein Besucher findet eine hilfreiche Seite, druckt sie für eine Besprechung aus und stellt fest, dass die zweite Hälfte des Vergleichs fehlt. Auf dem Bildschirm wirkte die Website überzeugend. Auf dem Papier verdeckt jedoch ihr fixiertes Menü eine Überschrift, und ein dunkler Hintergrund nimmt die Seite ein. Drucken ist eine eigene Lesesituation, nicht einfach ein Screenshot mit angeschlossenem Drucker.
Mit dem beginnen, was beim Leser ankommen soll
Eine Leistungsbeschreibung, eine Auswahlliste und ein redaktioneller Artikel erfüllen unterschiedliche Zwecke. Bevor Sie die Gestaltung anpassen, bestimmen Sie, welche Inhalte auch außerhalb des Browsers verständlich bleiben müssen: das Thema, wesentliche Einzelheiten, relevante Bilder und ein Weg zurück zur Quelle. Eine Druckversion darf nicht stillschweigend eine Bedingung weglassen, die die Bedeutung eines Angebots verändert.
Es ist nicht nötig, jede animierte Verzierung oder jedes Navigationselement nachzubilden. Wer solche Elemente entfernt, schafft Platz für den eigentlichen Inhalt. Entscheidend ist eine redaktionelle Frage: Würde jemand, der die Website nie gesehen hat, verstehen, worum es in diesem Dokument geht?
Dieselben Inhalte anders darstellen
CSS-Druckstile können eine Seite an Papier oder PDF anpassen, ohne dass eine separate Kopie des Textes gepflegt werden muss. MDN beschreibt dafür den Medientyp print. Eine gemeinsame Inhaltsquelle verringert das Risiko, dass die Webseite korrigiert wird, während eine alte Druckversion unverändert bleibt.
Unser Ausgangspunkt ist ein einfaches Layout mit gut lesbarem Text, maßvollen Rändern und klaren Überschriften. Ein dekorativer Hintergrund sollte nicht das Einzige sein, das wichtige Abschnitte voneinander trennt. Der Sinn sollte auch dann erkennbar bleiben, wenn der Browser Hintergründe weglässt oder der Leser eine einfarbige Ausgabe wählt.
Zusammengehörige Informationen beieinanderhalten, lange Inhalte aber weiterfließen lassen
Ein Bild, das von seiner Erläuterung getrennt ist, kann mehrdeutig werden. Eine Tabellenüberschrift ohne die zugehörigen Werte hilft ebenso wenig. Die CSS-Eigenschaft break-inside beeinflusst Umbrüche innerhalb eines Elements, doch eine Regel ersetzt nicht die Prüfung des Ergebnisses. Ein großer Block muss weiterhin auf die verfügbare Seite passen.
Prüfen Sie kurze und lange Beispiele. Pressen Sie nicht einen ganzen Vergleich in eine unleserlich kleine Schrift, nur um ein weiteres Blatt zu vermeiden. Hier gilt dieselbe Überlegung wie bei einem gut nutzbaren Vergleich auf einem kleinen Bildschirm: Bewahren Sie zuerst die Beziehungen zwischen Bezeichnungen und Werten, bevor Sie an einer bestimmten visuellen Anordnung festhalten.
Einen Weg zurück zur aktuellen Seite offenhalten
Auf Papier lässt sich kein Link anklicken. Fügen Sie dort, wo es wichtig ist, eine lesbare Quelladresse statt eines unerklärten „Mehr erfahren“ ein. Ein aussagekräftiger Seitentitel und eine kurze Quellenzeile helfen dem Leser, das Dokument später wiederzuerkennen. Wenn sich Informationen häufig ändern, erläutern Sie ihren Kontext, statt den Eindruck zu erwecken, eine gedruckte Kopie bleibe für immer aktuell.
Legen Sie nicht automatisch jede technische URL, jeden Tracking-Parameter oder jedes persönliche Detail offen. Eine Druckversion wird häufig weitergegeben. Wählen Sie die Informationen bewusst aus, besonders bei Seiten mit Formularen oder von Besuchern eingegebenen Daten.
Das Ergebnis prüfen, nicht nur das Stylesheet
Öffnen Sie die Druckvorschau und prüfen Sie die erste, die mittleren und die letzte Seite. Achten Sie auf abgeschnittene Spalten, alleinstehende Überschriften, übergroße Logos, fehlende Bilder und unnötige Leerseiten. Testen Sie die Papierformate und Browsereinstellungen, die für die Zielgruppe relevant sind. Eine in einem Browser gespeicherte PDF-Datei liefert nützliche Anhaltspunkte, ist aber kein Beweis für eine identische Ausgabe auf jedem Gerät.
Das gehört zur laufenden Website-Pflege: Prüfen Sie das Druckergebnis erneut, wenn sich Inhalt oder Layout ändern. Das Ziel ist nicht, Papier den Bildschirm nachahmen zu lassen. Es geht darum, dieselben Informationen auch in einem anderen Umfeld nützlich zu halten.