BeispielberichtSo sieht ein Bericht nach dem Audit aus. Die Website ist erfunden, das Format ist echt.

Startseite · 20. Okt. 2026

northwind-bakery.com

Eine warme, bildstarke Seite, die Stimmung gut verkauft, aber ihre zwei Aufgaben versteckt: Bestellen und Öffnungszeiten. Zuerst Kontrast und Startbereich angehen, der Rest ist Feinschliff.

kritisch
3
wichtig
5
gering
4
62von 100Ausbaufähig2 wirksame Verbesserungen, die in Minuten erledigt sind

Bewertung nach Bereich

Wenn du nur drei Dinge machst

  1. Öffnungszeiten und Preise sind zu blass

    Die zwei Infos, wegen denen Leute kommen, sind für Menschen mit Sehschwäche und auf dem Handy in der Sonne kaum lesbar.

    LösungNimm #8A6E45 (4,6:1) für kleine Schrift; das Beige nur noch für große, dekorative Überschriften.

  2. Die Überschrift sagt nicht, was du verkaufst

    Besucher entscheiden in Sekunden, ob sie richtig sind.

    LösungFang mit dem an, was du verkaufst, und dem Nutzen; die Wärme kommt in die Unterzeile.

  3. Bestellen liegt drei Klicks tief

    Jeder zusätzliche Schritt kostet Leute. Bestellen ist der Hauptgrund für einen Besuch.

    LösungSetz einen klaren Button „Zum Abholen bestellen“ in den Startbereich, der direkt zur Bestellseite führt.

Barrierefreiheit

Schwach 48/100

Hier würde ich anfangen. Einige deiner wichtigsten Texte sind schwer zu lesen, und der Slider steht nie still.

  • kritisch

    Öffnungszeiten und Preise sind zu blass

    Beige #C9B79C auf Weiß für Öffnungszeiten, Preise und Footer-Links, etwa 2,6:1. Die zwei Infos, wegen denen Leute kommen, sind für Menschen mit Sehschwäche und auf dem Handy in der Sonne kaum lesbar.

    LösungNimm #8A6E45 (4,6:1) für kleine Schrift; das Beige nur noch für große, dekorative Überschriften.

  • kritisch

    Der Slider läuft ohne Pause weiter

    Fünf Bilder wechseln alle 3 Sekunden; es gibt keine Pause- oder Stopp-Taste. Bewegung lenkt ab, überfordert langsame Leser, und gesehen wird eigentlich nur das erste Bild.

    LösungErsetze den Slider durch ein ruhiges Foto mit einer Botschaft. Die übrigen Bilder wandern in Abschnitte darunter.

  • gering

    Social-Icons haben keine zugänglichen Namen

    Die Instagram- und Facebook-Links sind reine SVG-Icons ohne Beschriftung. Screenreader lesen nur „Link“ vor, ohne Ziel.

    LösungErgänze bei jedem Link aria-label="Northwind auf Instagram" (und so weiter).

Conversion

Ausbaufähig 55/100

Die Leute wollen ganz klar dein Brot. Nur der Weg vom „Oh!“ zur Bestellung verliert bei jedem Schritt.

  • kritisch

    Bestellen liegt drei Klicks tief

    Zum Bestellen: Menü → Shop → Vorbestellen. Im Startbereich gibt es keinen Bestell-Button. Jeder zusätzliche Schritt kostet Leute. Bestellen ist der Hauptgrund für einen Besuch.

    LösungSetz einen klaren Button „Zum Abholen bestellen“ in den Startbereich, der direkt zur Bestellseite führt.

  • wichtig

    Vor dem Bezahlen muss man ein Konto anlegen

    Schritt eins der Bestellung ist „Konto erstellen“ mit sieben Feldern. Eine Pflicht-Registrierung ist einer der häufigsten Gründe für abgebrochene Käufe.

    LösungBiete eine Gastbestellung mit Name, Telefon und Abholzeit an. Ein Konto erst nach der Bestellung vorschlagen.

Texte

Ausbaufähig 57/100

Dein Ton ist herzlich. Nur sagen deine Worte nicht, was du verkaufst oder was ein Button tut.

  • wichtig

    Die Überschrift sagt nicht, was du verkaufst

    Die Hauptüberschrift ist ein Slogan ohne Produkt, Ort oder Versprechen. Besucher entscheiden in Sekunden, ob sie richtig sind.

    JetztMit Liebe gebacken seit 1987
    BesserFrisches Sauerteigbrot und Gebäck, in 20 Minuten abholbereit
  • gering

    Buttons sagen „Hier klicken“

    Die Produktkarten enden mit „Hier klicken“-Links. Vage Beschriftungen verschweigen, was passiert, und klingen im Screenreader schlecht.

    JetztHier klicken
    BesserHeutiges Gebäck ansehen
UX

Ausbaufähig 66/100

Zurechtfinden ist meistens leicht. Dieselbe Aktion trägt allerdings drei verschiedene Namen.

  • wichtig

    Eine Aktion, drei Namen

    „Bestellen“, „Shop“ und „Vorbestellen“ führen alle zur selben Seite. Unterschiedliche Bezeichnungen verunsichern; Leute vermuten hinter jeder etwas anderes.

    LösungNutze überall „Zum Abholen bestellen“: Navigation, Startbereich, Produktkarten und Footer.

SEO

Gut 70/100

Suchmaschinen können dich gut lesen, aber jede Seite stellt sich als „Home“ vor.

  • wichtig

    Jede Seite heißt „Home“

    Alle 14 Seiten haben den Titel „Home | Northwind“. Suchmaschinen können die Seiten nicht unterscheiden, und die Treffer sehen alle gleich aus.

    LösungSchreib eindeutige Titel, z. B. „Sauerteigbrot & Gebäck in Hamburg | Northwind Bakery“.

  • gering

    Produktfotos wiegen 3–4 MB pro Stück

    Das größte Bild hat 4,1 MB; der größte Inhalt erscheint auf dem Handy nach 4,8 s. Langsame Seiten ranken schlechter und verlieren Besucher, bevor sie etwas sehen.

    LösungLiefere WebP oder AVIF in Anzeigegröße aus, mit Lazy Loading unterhalb des sichtbaren Bereichs.

UI

Gut 71/100

Es sieht wunderschön aus. Ein paar Anpassungen würden das Wichtige deutlicher hervorheben.

  • wichtig

    Der Hauptbutton sieht aus wie ein Menülink

    „Bestellen“ in der Navigation ist genauso groß und kräftig wie Über uns, Menü und Geschichte. Ohne optischen Anker weiß das Auge nicht, wohin.

    LösungMach daraus einen gefüllten Button im Marken-Braun und gib ihm Abstand zu den anderen Links.

  • gering

    Fließtext ist klein, dünn und zu breit

    14 px, Schriftstärke 300, etwa 95 Zeichen pro Zeile. Lange, blasse Zeilen ermüden, deshalb wird die Geschichte nur überflogen.

    Lösung16–17 px, Stärke 400, höchstens etwa 65 Zeichen breit, Zeilenhöhe 1,6.

Dein 30-Minuten-Plan

0 von 8 erledigt

Kleine Änderungen mit großer Wirkung. Hak sie nach und nach ab.