OSTRELLE · LERNEN · MIT ÜBUNGEN

2. Blöcke und Bilder zugänglich bearbeiten

Du gestaltest die Seite mit vorhandenen Werkzeugen und überprüfst die Ausgabe. Mit konkreten Schritten, eigener Übung, Musterlösung und Erfolgskontrolle.

Sicher redaktionell arbeiten · Lektion 2 von 4 · Quellstand 3. November 2026

Das lernst du

Du gestaltest die Seite mit vorhandenen Werkzeugen und überprüfst die Ausgabe.

Die Websiteansicht zeigt den echten serverseitigen Themeinhalt. Die Strukturansicht hilft bei verschachtelten Gruppen und Spalten. Verwende die bestehenden Auswahl- und Verschiebewerkzeuge, statt fremdes HTML in Textfelder einzufügen. Undo und Redo müssen Text, Struktur und Metadaten als zusammengehörige Arbeit behandeln.

Ein Bild braucht ein klares Ziel. Die Mediathek akzeptiert freigegebene Rasterformate; daraus folgt keine Unterstützung beliebiger Dokumente oder ausführbarer Dateien. Ein hochgeladenes Bild und ein öffentlich sichtbares Bild sind zudem verschiedene Zustände.

Schritt für Schritt

Öffne den Entwurf Sommerfrühstück und wähle den Angebotsabschnitt in Website- oder Strukturansicht.
Füge ein Bild aus der Mediathek ein. Prüfe den sichtbaren Inhalt und setze einen passenden Alternativtext; wiederhole nicht lediglich den Dateinamen.
Ergänze Bildbeschriftung, wenn eine zusätzliche Erklärung oder Quellenangabe gebraucht wird. Vermeide doppelt vorgelesenen Text in Alttext und Beschriftung.
Verschiebe einen Absatz mit den vorhandenen Bedienelementen. Mache die Änderung rückgängig und wiederhole sie. Prüfe die tatsächliche Reihenfolge.
Wechsle zur schmalen Vorschau. Prüfe, ob Text, Bild und Links ohne horizontales Seitenscrollen lesbar bleiben. Speichere den Entwurf.

Deine Übung

Platziere ein Frühstücksbild zwischen Einleitung und Angebot. Prüfe die Seite bei 390 Pixeln Breite und mit Tastaturbedienung. Notiere einen Befund, falls du eine Funktion nicht erreichen kannst.

Musterlösung und Erklärung

Ein geeignetes Ergebnis hat ein tatsächlich geladenes Bild mit sachlichem Alttext und keine Bildinformation, die ausschließlich durch Farbe verständlich ist. Alle wichtigen Texte bleiben als Text vorhanden.

Nach Verschieben, Rückgängig und Wiederholen steht derselbe Absatz wieder an der gewünschten Stelle. Wenn eine Bedienhandlung nicht erreichbar ist, nennt die Notiz Element, Eingabe und beobachtete Reaktion; sie erklärt den Test nicht pauschal für bestanden.

So prüfst du dein Ergebnis

Das Bild ist in der tatsächlichen Ausgabe sichtbar.
Verschieben und Undo/Redo ändern den vorgesehenen Inhalt.
Schmale Ansicht und Tastatur wurden benutzt, nicht nur als Ziel notiert.