Zum Inhalt springen
satzstrategie

Arbeits­proben.

Typische Situationen
und wie wir sie überarbeiten.

Aus Text, Design und Entwicklung. Dazu zeigen wir, wie Seiten besser lesbar und leichter bedienbar werden. Sie sehen Vorher und Nachher im direkten Vergleich – ohne Umschalten. Die Beispiele haben wir selbst geschrieben, um typische Fälle zu zeigen. Ein echtes Projekt zeigt die Fallstudie zu unserer eigenen Webseite.

Fallstudie: unsere eigene Webseite

Sagen, was
man anbietet

Vorher

„Wir sind ein junges, dynamisches Team mit Leidenschaft für Qualität.“

Nachher

„Wir renovieren Altbauwohnungen in Leipzig – für Menschen, die dort wohnen bleiben möchten.“

Ausgangslage
Ein Selbstbild steht dort, wo Leser eine Leistung erwarten.
Unsere Änderung
Die Formulierung nennt die Arbeit, den Ort und die Menschen, für die das Angebot gedacht ist.
Warum es besser ist
Leser können sofort einordnen, ob der Betrieb zu ihrem Vorhaben passt.

Auch ein Link braucht eine Aussage.

Vorher: „Mehr erfahren“Nachher: „Renovierung besprechen“

Der neue Text nennt das Gespräch und seinen Anlass.

Zur Übersicht

Das Wichtige
zuerst

Vorher

Willkommen zu einer Stunde für Bewegung und Ruhe. Unser Abendkurs verbindet sanfte Übungen mit bewusster Atmung. Nehmen Sie sich nach einem vollen Tag Zeit für sich.

Yoga am Abend

Dienstags, 18–19 Uhr.
Im Kursraum vor Ort.
15 € pro Termin.

Nachher

Yoga
am Abend.

Wann
Dienstags, 18–19 Uhr
Wo
Im Kursraum vor Ort
Preis
15 € pro Termin

Sanfte Übungen und bewusste Atmung zum Ausklang des Tages.

Ausgangslage
Die Einleitung steht vor den Angaben, die für eine Buchung wichtig sind.
Unsere Änderung
Kurs, Termin, Ort und Preis rücken nach oben. Die Beschreibung folgt danach.
Warum es besser ist
Besucher erkennen auf einen Blick, ob das Angebot in ihren Alltag passt. Auch auf dem Handy.
Zur Übersicht

Ein Fehler,
ein klarer Hinweis

Vorher

Postleitzahl: 123

Eingabe ungültig.

Nachher

Postleitzahl: 123

Bitte geben Sie die Postleitzahl mit fünf Ziffern ein.

Ausgangslage
Die Fehlermeldung sagt nicht, wie die Eingabe korrigiert werden kann.
Unsere Änderung
Der Hinweis nennt das Feld und das erwartete Format. Bereits eingegebene Daten bleiben erhalten.
Warum es besser ist
Menschen können den Fehler selbst beheben und müssen nicht von vorn beginnen.
Die Fehlerhilfe selbst ausprobieren

Nur eine Demonstration. Es wird nichts versendet oder gespeichert.

Probieren Sie „123“ und danach „04109“. Die übrigen Eingaben bleiben erhalten.
Zur Übersicht

Barrierefrei lesen,
ohne Rätsel

Vorher

Hellgrau auf Weiß. Kontrast: 2,3 : 1.

Nachher

Dunkle Schrift auf Weiß. Kontrast: 18,9 : 1.

Vergleichstext: „Ihr Termin ist am Dienstag, um 10 Uhr.“

Ausgangslage
Hellgraue Schrift hebt sich zu wenig vom weißen Hintergrund ab.
Unsere Änderung
Die Schrift wird dunkler. Wortlaut und Schriftgröße bleiben gleich.
Warum es besser ist
Der Text lässt sich leichter erkennen. Die internationalen WCAG-Richtlinien nennen für normalen Text mindestens 4,5 : 1 Kontrast.

Der Vergleich zeigt eine konkrete Farbkombination, keine vollständige Prüfung einer Webseite.

Und ohne Maus?

Auf dieser Seite erreichen Sie Links, das Menü und Formularfelder mit der Tab-Taste. Eine sichtbare Umrandung zeigt Ihre Position. Mit Enter öffnen Sie einen Link.

Zum Kontakt – auch per Tastatur
Zur Übersicht

Wo hakt es
auf Ihrer Seite?

Schreiben Sie uns, was Sie verändern möchten.

Projekt anfragen