Zum Inhalt springen

Referenzen

Gebaut, dann gemessen

Jede Seite, die wir bauen oder reparieren, geht vor der Übergabe durch dieselbe Prüfung wie die Websites unserer Kunden. Hier sind vier Beispielseiten für erfundene Betriebe, mit allen Befunden, auch den unangenehmen.

Die Betriebe gibt es nicht. Formulare senden nichts, der Shop verkauft nichts. Fotos: Unsplash.

Bildschirmfoto der Startansicht von Holzwerkstatt Aumüller

Handwerksbetrieb mit Schrank-Planer

Holzwerkstatt Aumüller

Eine Tischlerei, die Aufträge über ihre Website bekommen will. Ein Planer, der aus Maßen und Holzart sofort Skizze und Richtpreis macht, und eine Anfrage, die diese Maße gleich mitnimmt.

Was darin steckt

  • Schrank-Planer: Breite, Höhe, Tiefe, Holz und Innenleben mit Live-Skizze und Richtpreis
  • Anfrage übernimmt die Maße aus dem Planer, Foto vom Raum kann mitgeschickt werden
  • Leistungen als Kachelraster, Ablauf mit Dauer je Schritt

Gemessen am 12. September 2026

automatisch bestätigte Befunde
0
Punkte zur Prüfung
5

Vier davon waren Fehlalarme unserer eigenen Software, die jetzt behoben werden. Beim fünften (Fokus sichtbar) wurde der Sprunglink in der Prüfung nachgesehen: sichtbar.

Gemessen mit den Ebenen Regeln, Tastatur, Zoom und Umbruch, Accessibility-Tree und dynamische Inhalte. Die KI-Ebene lief bei dieser Messung nicht.

Im ersten Durchlauf gefunden und behoben

  • Fokusrahmen im dunklen Hinweisbalken hatte nur 2,98 : 1 Kontrast (WCAG 1.4.11)
  • Logo-Kürzel war sichtbar, fehlte aber im zugänglichen Namen des Links (WCAG 2.5.3)
Beispielseite öffnen: Holzwerkstatt Aumüller
Bildschirmfoto der Startansicht von Physiotherapie Lindenhof

Praxis mit Online-Terminbuchung

Physiotherapie Lindenhof

Eine Praxis, deren Patientinnen und Patienten oft älter sind oder gerade Schmerzen haben. Terminbuchung in drei Schritten, ein Beschwerde-Finder und Öffnungszeiten, die zeigen, ob gerade geöffnet ist.

Was darin steckt

  • Terminbuchung in drei Schritten mit freien und vergebenen Zeiten und Zusammenfassung
  • „Wo tut es weh?“: Körperstelle wählen, passende Behandlung sehen, direkt buchen
  • Öffnungsstatus im Kopf der Seite und der heutige Tag in der Tabelle markiert

Gemessen am 12. September 2026

automatisch bestätigte Befunde
0
Punkte zur Prüfung
7

Sechs davon waren Fehlalarme unserer eigenen Software, darunter Text in geschlossenen Aufklappbereichen, der gar nicht angezeigt wird. Der siebte (Fokus sichtbar) wurde in der Prüfung nachgesehen: sichtbar.

Gemessen mit den Ebenen Regeln, Tastatur, Zoom und Umbruch, Accessibility-Tree und dynamische Inhalte. Die KI-Ebene lief bei dieser Messung nicht.

Im ersten Durchlauf gefunden und behoben

  • Zwei Pflichtfelder waren nirgends als Pflicht erkennbar (WCAG 3.3.2)
  • Fokusrahmen im Hinweisbalken im dunklen Modus mit 1,49 : 1 kaum sichtbar (WCAG 1.4.11)
  • Logo-Kürzel fehlte im zugänglichen Namen (WCAG 2.5.3)
Beispielseite öffnen: Physiotherapie Lindenhof
Bildschirmfoto der Startansicht von Rösterei Kornblum

Onlineshop mit Abo

Rösterei Kornblum

Ein Shop, wie er unter das Barrierefreiheitsstärkungsgesetz fällt: Sortenseiten mit Geschmacksprofil, Abo, Kaffee-Finder, Kasse mit Prüfschritt und eigene Informationen zur Barrierefreiheit.

Was darin steckt

  • Eigene Seite je Sorte mit Geschmacksprofil, Packungsgröße, Mahlgrad und Abo-Option
  • Kaffee-Finder: drei Fragen, eine Empfehlung, die sich sofort anpasst
  • Kasse mit Übersicht vor „Zahlungspflichtig bestellen“ und Fehlerübersicht mit Sprunglinks

Gemessen am 12. September 2026

automatisch bestätigte Befunde
0
Punkte zur Prüfung
6

Alle sechs betrafen dieselbe Heuristik: eine Aufforderung wie „Die Postleitzahl hat fünf Ziffern, zum Beispiel 04229“ wurde nicht als Korrekturvorschlag erkannt. Fehlalarm, steht auf unserer Liste.

Gemessen mit den Ebenen Regeln, Tastatur, Zoom und Umbruch, Accessibility-Tree und dynamische Inhalte. Die KI-Ebene lief bei dieser Messung nicht.

Im ersten Durchlauf gefunden und behoben

  • Sechs Pflichtfelder ohne Hinweis, dass sie Pflicht sind (WCAG 3.3.2)
Beispielseite öffnen: Rösterei Kornblum
Bildschirmfoto der Startansicht von Klarwerk Gebäudereinigung

Dienstleister mit Preisrahmen-Rechner

Klarwerk Gebäudereinigung

Eine Reinigungsfirma, die Anfragen statt Anrufe will. Ein Rechner, der aus Fläche, Objektart und Rhythmus einen Preisrahmen nennt, bevor jemand fragen muss, und ein Formular, das diese Angaben gleich mitnimmt.

Was darin steckt

  • Preisrahmen-Rechner: Fläche, Objektart und Rhythmus ergeben eine Spanne, nachvollziehbar aus Leistung je Stunde und Stundensatz
  • Anfrageformular, das die Angaben aus dem Rechner übernimmt, mit Pflichtfeldern im Text statt als Sternchen
  • Strukturierte Daten als ProfessionalService, damit Suchmaschinen Leistung, Gebiet und Kontakt lesen können

Gemessen am 16. September 2026

automatisch bestätigte Befunde
0
Punkte zur Prüfung
3

Zwei betreffen dieselbe Heuristik wie bei der Rösterei: „Bitte tragen Sie eine E-Mail-Adresse ein, zum Beispiel name@firma.de“ wurde nicht als Korrekturvorschlag erkannt. Beim dritten ließ sich an einem von 22 Tabstopps nicht messen, ob der Fokus sichtbar ist.

Gemessen mit den Ebenen Regeln, Tastatur, Zoom und Umbruch, Accessibility-Tree und dynamische Inhalte. Die KI-Ebene lief bei dieser Messung nicht.

Im ersten Durchlauf gefunden und behoben

  • Die Seite scrollte bei 320 CSS-Pixeln waagerecht, weil die Kontaktliste eine feste Spaltenbreite hatte (WCAG 1.4.10)
  • Die Ränder der Eingabefelder erreichten nur 1,38:1 statt der geforderten 3:1 (WCAG 1.4.11)
  • Bei 200 % Schriftgröße rutschte der Knopf in der Kopfzeile aus dem Bild (WCAG 1.4.4)
  • Der Sprunglink wurde beim Überfahren mit der Maus dunkel auf dunklem Grund (WCAG 1.4.3)
Beispielseite öffnen: Klarwerk Gebäudereinigung

Vorher, nachher, gemessen

Für diese drei Paare haben wir absichtlich kaputte Fassungen gebaut und dann behoben, so wie wir es bei Kundenseiten tun. Beide Fassungen sind öffentlich, jede Zahl lässt sich nachmessen.

Warum wir die Fehlalarme zeigen

Keine Prüfsoftware ist fehlerfrei, auch unsere nicht. Der Unterschied ist, was damit passiert: nichts Unklares wird automatisch entschieden, jeder Prüfpunkt wird geklärt, und jeder Fehlalarm wird zu einer Korrektur an der Software. Die vier Beispielseiten haben vier davon aufgedeckt.

Pilotprüfung einer gemeinnützigen Organisation

Website auf einem Redaktionssystem, alle wichtigen Seitenvorlagen geprüft. Der Bericht vom September 2026 nennt 154 Befunde, die auf 23 Ursachen zurückgehen: ein Farbpaar im Stylesheet erzeugt 14 Befunde, eine Vorlage ohne Hauptbereich fünf. Behoben wird nach Ursachen, nicht nach Befunden. Der Name folgt, sobald die Organisation zustimmt.

Ihre Seite als Nächstes?

Wir bauen neu oder beheben, was bei Ihnen gemessen wurde, zum Festpreis und mit Nachweis je Punkt.

Anfrage stellen