Über PROGRESSIVE Drupal
Überschrift Ebene 2
Standardseiten bündeln langfristig gültige Informationen in einer klaren Lesereihenfolge. Redaktionsteams können Inhalte strukturieren, verlässliche Zwischenüberschriften setzen und auf weiterführende Quellen verweisen. Das zugrunde liegende Inhaltsmodell bleibt bewusst überschaubar, damit Autorinnen und Autoren auch komplexe Fachinformationen ohne individuelle Layouts verständlich pflegen können.
Überschrift Ebene 3
Überschriften beschreiben den folgenden Abschnitt. Dadurch bleiben umfangreiche Seiten für Menschen und assistive Technologien gut navigierbar. Jede Ebene folgt einer nachvollziehbaren Hierarchie und wird nicht allein wegen ihrer visuellen Größe gewählt.
Kurze Absätze, eindeutige Linktexte und eine klare Sprache unterstützen das schnelle Erfassen. Redaktionelle Prüfungen achten zusätzlich darauf, dass Aussagen aktuell, Quellen nachvollziehbar und Übersetzungen vollständig sind.
Überschrift Ebene 4
Überschrift Ebene 5
Überschrift Ebene 6
Textauszeichnungen
Dieser Text ist hervorgehoben.
Dieser Text ist betont.
Dieser Text ist unterstrichen.Dieser Text ist nicht mehr aktuell.
Dieser Text ergänzt eine Nebeninformation.
Zitat
Ein gutes Designsystem verbindet Gestaltung, Inhalt und technische Qualität.
Listen
Aufzählung
- Kurze, aussagekräftige Überschriften verwenden.
- Links durch ihr Ziel beschreiben.
- Verständliche Begriffe wählen.
- Informationen in nachvollziehbarer Reihenfolge anbieten.
- Barrierefreiheit früh prüfen.
Nummerierte Liste
- Inhalt in deutscher Sprache veröffentlichen.
- Vorschau prüfen.
- Links testen.
- Englische Übersetzung ergänzen.
- Tastaturbedienung prüfen.
Info-Panel
Bilder
Mit Bildunterschrift
Ohne Bildunterschrift
Nachweis im Bild
Bildunterschrift und Nachweis
Die Bildunterschrift erklärt das Motiv, während der sichtbare Nachweis Herkunft und Nutzungsrecht transparent macht.
Zwischen Text
Abbildungen unterstützen den Inhalt, wenn ihr Zweck aus dem umgebenden Text verständlich wird. Sie ersetzen keine Erklärung, sondern ergänzen Aussagen dort, wo ein visueller Eindruck den Zusammenhang schneller vermittelt.
Alternativtexte, Bildunterschriften und Nachweise erfüllen unterschiedliche Aufgaben und werden bewusst eingesetzt. Der Alternativtext beschreibt die relevante Bildaussage für Menschen, die das Motiv nicht sehen. Eine Bildunterschrift liefert zusätzlichen redaktionellen Kontext; der Nachweis dokumentiert Urheberschaft oder Quelle.
Code
Das ist eine Code-Zeile.
vendor/bin/drush recipe ../recipes/progressive_content_page -y
npm run test:pages:functional
npm run test:accessibilityAkkordeon
Was ist eine Standardseite?
Eine langlebige Inhaltsseite mit klarer semantischer Struktur.
Wann wird Canvas verwendet?
Für individuell komponierte Landingpages mit wiederverwendbaren Komponenten.
Wie wird Qualität geprüft?
Mit lokalen Gates, Tastaturtests und visuellen Regressionstests.