Pressebereich der Website
Presseinformationen, die auffindbar bleiben
Meldungstitel, Seitentitel, Downloadlinks: drei Stellen im Pressebereich.
Redaktioneller Übergabepunkt
Eine Meldung, alle Belege am selben Ort
Ein Pressebereich beantwortet drei Fragen ohne Rückfrage: Was ist passiert? Welches Material darf verwendet werden? Wer bestätigt offene Punkte?
Die Meldungsseite als fertiges Redaktionspaket
Die Markierungen zeigen, wo eine Redaktion Fakten prüft, Material übernimmt und eine Rückfrage stellt.
Neue Radwege verbinden Nordbahnhof und Innenstadt
Die Stadt gibt den sieben Kilometer langen Abschnitt ab heute für den Verkehr frei.
03„Die neue Verbindung schließt die letzte Lücke zwischen Bahnhof und Zentrum.“
Lea Brandt, Dezernentin für Mobilität
Informationsarchitektur
Ein Einstieg, vier klar benannte Wege
Der Pressebereich bündelt wiederkehrende Ressourcen; jede Meldung bleibt eine eigene, verlinkbare HTML-Seite.
Kopierbares Grundgerüst
Eine Meldungsseite, die als Quelle taugt
HTML bleibt die Hauptfassung. Downloads ergänzen sie. Das Beispiel verbindet eindeutigen Seitentitel, datierte Meldung, beschriftetes Pressebild und direkten Kontakt.
Das Thema steht zuerst im title. Linktexte nennen Motiv, Format und Größe. Das address-Element enthält die zuständige Pressestelle für diese Meldung.
<!doctype html>
<html lang="de">
<head>
<title>Neue Radwege eröffnet · Presse · Stadt Musterhausen</title>
</head>
<body>
<main>
<article aria-labelledby="meldungstitel">
<header>
<p>Pressemitteilung PM-17/26</p>
<h1 id="meldungstitel">
Neue Radwege verbinden Nordbahnhof und Innenstadt
</h1>
<p>
<time datetime="2026-05-04T09:00:00+02:00">
4. Mai 2026, 09:00 Uhr MESZ
</time>
</p>
</header>
<p>Die Stadt gibt den sieben Kilometer langen Abschnitt frei.</p>
<figure>
<img src="/presse/radweg-nord-vorschau.jpg"
alt="Zwei Personen fahren auf dem neuen Radweg am Nordbahnhof."
width="1200" height="800">
<figcaption>
Foto: Stadt Musterhausen / A. Beispiel.
Redaktionelle Nutzung zur Meldung PM-17/26.
</figcaption>
</figure>
<p>
<a href="/presse/radweg-nord.jpg" download>
Foto herunterladen: Radweg Nord (JPG, 4,7 MB)
</a>
</p>
<h2>Pressekontakt</h2>
<address>
Miriam Kranz, Pressestelle<br>
<a href="tel:+493012345678">+49 30 12345678</a><br>
<a href="mailto:presse@musterhausen.de">
presse@musterhausen.de
</a>
</address>
</article>
</main>
</body>
</html>Vor Veröffentlichung
Der Vier-Fenster-Test
- Tab
Mehrere Meldungen nebeneinander öffnen: Jeder Tab beginnt mit seinem Thema.
- Gliederung
Die Überschriftenliste zeigt Meldung, Abschnitte und Kontakt in verständlicher Reihenfolge.
- Linkliste
Jeder Download bleibt mit Motiv, Format und Größe unterscheidbar.
- Ohne Bild
Alt-Text, Bildunterschrift, Credit und Nutzung beantworten unterschiedliche Fragen.
Quellen: W3C Media Kit, W3C WAI: Writing for Web Accessibility und W3C: Link Purpose in Context.
Aus dem Prüfbericht
Drei Stellen, drei Befunde
Kritisch Meldungstitel ohne Überschrift Regel p-as-heading
Die Titel der Pressemeldungen sind fett gestaltete Absätze. Als h2 lassen sie sich mit einem Vorleseprogramm anspringen.
Kritisch Jede Meldung heißt „Presse“ Regel document-title
Der Dokumenttitel unterscheidet die Meldungen nicht. Der Titel der Meldung gehört in das title-Element.
Kritisch Downloads ohne Ziel im Linktext Regel link-name
„Hier“ und ein PDF-Symbol nennen kein Dokument. Der Linktext nennt Titel und Format der Pressemappe.
Zum Mitnehmen
Der Pressebereich, korrigiert
Echte Überschriften, ein eigener Seitentitel, sprechende Downloadlinks.
Korrektur in 3 Schritten ansehen
Meldungstitel als Überschrift auszeichnen
Der fett gestaltete Absatz wird zur h2. Die Gestaltung bleibt über die Klasse erhalten, die Navigation nach Überschriften funktioniert.
KorrekturvergleichSchritt 1 · HTML Vorher
<p class="meldung-titel">Neue Radwege im Stadtgebiet</p> <p>Die Stadt eröffnet im Mai …</p>Nachher
<h2 class="meldung-titel">Neue Radwege im Stadtgebiet</h2> <p>Die Stadt eröffnet im Mai …</p>Markierte Zeilen wurden geändert
So prüfen Sie es Springen Sie mit einem Vorleseprogramm von Überschrift zu Überschrift. Jede Meldung ist ein Halt.
Der Meldung einen eigenen Seitentitel geben
Der Dokumenttitel steht im Browser-Tab und in der Titelliste. Er nennt zuerst die Meldung, dann den Bereich.
KorrekturvergleichSchritt 2 · HTML Vorher
<title>Presse</title>Nachher
<title>Neue Radwege im Stadtgebiet · Presse · Stadt Musterhausen</title>Markierte Zeilen wurden geändert
So prüfen Sie es Öffnen Sie zwei Meldungen in zwei Tabs. Die Beschriftungen der Tabs unterscheiden sich.
Downloads im Linktext benennen
Der Linktext nennt das Dokument und sein Format. Das Symbol bleibt Dekoration und wird für Vorleseprogramme ausgeblendet.
KorrekturvergleichSchritt 3 · HTML Vorher
<p>Die Pressemappe finden Sie <a href="/presse/mappe.pdf">hier</a>.</p>Nachher
<p> <a href="/presse/mappe.pdf">Pressemappe Radwege 2026 (PDF, 2,1 MB)</a> </p>Markierte Zeilen wurden geändert
So prüfen Sie es Öffnen Sie die Linkliste eines Vorleseprogramms. Jeder Download nennt Titel und Format.