Werkschau Dietrich + Partner

Dietrich + Partner.

Neue Website für ein Architektur- und Ingenieurbüro — seit Juli 2026 öffentlich.

Art
Auftragsarbeit
Plattform
Website
Zeitraum
2026
Stand
Im Betrieb
Marke
Eigenständige Marke

Stand · Juli 2026

Seit dem 20. Juli 2026 öffentlich erreichbar. Statisch ausgeliefert, ohne Tracker, mit geprüfter Barrierearmut — jede Aussage auf dieser Seite lässt sich auf dietrichpartner.de nachsehen.

Worum es geht.

Ein Architektur- und Ingenieurbüro mit vierzig Jahren gebauter Arbeit hatte eine Website, die davon wenig zeigte. Die neue ist statisch gebaut, lädt keine fremden Skripte und stellt die Projekte in den Mittelpunkt — Werkliste, Projektseiten, Kontakt.

Hier führt die Marke des Kunden, nicht Conclence. Farben, Schrift und Bildsprache gehören Dietrich + Partner; auch das Logo ist deren eigenes. Was Conclence beigetragen hat, sieht man nicht an einem blauen Punkt, sondern daran, dass die Seite mit der Tastatur bedienbar ist und in zwei Jahren noch wartbar sein wird.

Der interessanteste Teil kam nach dem Start: eine Prüfung der veröffentlichten Seite gegen ihr eigenes Designdokument. Sie fand vier konkrete Mängel, die vorher niemandem aufgefallen waren. Alle vier sind behoben und öffentlich nachprüfbar.

Entscheidungen, die den Unterschied machen.

  1. Der Kontrast wurde nachgerechnet, nicht geschätzt

    Die Nummern der Werkliste standen bei 3,1 : 1 — unter der AA-Grenze, die das Projekt sich selbst gegeben hatte. Aufgefallen ist das erst beim Nachrechnen gegen das eigene Designdokument, nicht beim Hinsehen. Genau dafür schreibt man Regeln auf.

  2. Eine Diaschau braucht einen Halteknopf

    Die Startseite bewegte sich von allein und ließ sich nicht anhalten. WCAG 2.2.2 verlangt eine Stoppmöglichkeit für alles, was länger als fünf Sekunden automatisch läuft. Jetzt gibt es eine sichtbare Pause-Steuerung.

  3. Fehlermeldungen zeigen auf das Feld

    Der Fehlerpfad des Kontaktformulars meldete allgemein „da stimmt etwas nicht“. Jetzt markiert er genau die betroffenen Felder, meldet sich über role="alert" bei Screenreadern und setzt den Fokus auf das erste davon.

Exponat · Dietrich + Partner

Was sich nachprüfen lässt.

Die Seite ist seit Juli 2026 öffentlich. Interessant ist nicht, dass sie fertig wurde, sondern was eine Prüfung danach gefunden hat: vier Mängel, die vorher niemandem aufgefallen waren — und die jeder auf dietrichpartner.de nachsehen kann.

Vier nachprüfbare Korrekturen an der veröffentlichten Seite 01 · KONTRAST DER WERKLISTEN-NUMMERN AA · 4,5 : 1 3,1 : 1 7,4 : 1 02 · PAUSE FÜR DIE AUTOMATISCHE DIASCHAU Anhalten möglich WCAG 2.2.2 03 · FEHLERPFAD DES KONTAKTFORMULARS role="alert" 04 · RÜCKMELDUNG BEIM ANTIPPEN 03591 000000
  1. Kontrast: 3,1 : 1 lag unter der eigenen Regel

    Die Nummern der Werkliste erreichten 3,1 : 1. Das Projekt hatte sich in seinem Designdokument selbst auf AA festgelegt — aufgefallen ist die Abweichung erst beim Nachrechnen, nicht beim Hinsehen. Genau dafür schreibt man Regeln auf.

  2. Eine Diaschau braucht einen Halteknopf

    Die Startseite bewegte sich von allein und ließ sich nicht anhalten. WCAG 2.2.2 verlangt für alles, was länger als fünf Sekunden automatisch läuft, eine Stoppmöglichkeit. Jetzt gibt es eine sichtbare Pause-Steuerung.

  3. Fehlermeldungen zeigen auf das Feld

    Der Fehlerpfad des Kontaktformulars meldete allgemein, dass etwas nicht stimmt. Jetzt markiert er die betroffenen Felder, meldet sich über role="alert" bei Screenreadern und setzt den Fokus auf das erste davon.

  4. Antippen gibt eine Rückmeldung

    Die große Telefonnummer reagierte auf dem Handy nicht sichtbar auf Berührung. Ein :active-Zustand genügt — man merkt ihn erst, wenn er fehlt.

Belege und offene Punkte

Belegt

  • Öffentlich erreichbar unter dietrichpartner.de
  • Kontrast der Werklisten-Nummern von 3,1 : 1 auf AA gehoben
  • Pause-Steuerung für die automatische Diaschau (WCAG 2.2.2)
  • Feldgenaue Fehlermeldungen mit role="alert" und Fokusführung
  • Statisch ausgeliefert, keine Tracker, kein fremdes Skript

Ausdrücklich offen

  • Zwei Aufnahmen für ein Projekt fehlen noch vom Auftraggeber
  • Laufende Pflege nach Bedarf, kein festes Wartungspaket

Technik

  • Astro
  • statische Auslieferung
  • eigenes Designsystem
  • FTPS-Release