industrie-elektronik.example

Mehrere Textabschnitte, unter anderem der Absatz, der mit „Mit der Erfahrung aus traditionellen Mä…“ beginnt, sind in einem hellen Grau (#797979) auf weißem Hintergrund gesetzt. Das ergibt nur 4,35:1 Kontrast, nötig wären mindestens 4,5:1. Schwacher Kontrast macht Text für Menschen mit eingeschränktem Sehvermögen und bei Sonnenlicht auf dem Handy schwer lesbar – das ist einer der häufigsten Stolpersteine für Barrierefreiheit.

Lösung→Mach den grauen Text etwas dunkler, bis er sich deutlicher vom weißen Hintergrund abhebt.

Beim Durchtabben der Seite bleiben 3 Bedienelemente unerreichbar, darunter der Slider-Punkt „2“ im Karussell oben auf der Seite. Wer keine Maus nutzt, ist komplett auf die Tastatur angewiesen – was sie nicht erreichen können, können sie auch nicht bedienen.

Lösung→Lass prüfen, ob die Karussell-Steuerung und ähnliche Elemente auch mit der Tabulatortaste ansteuerbar gemacht werden können.

Die Seite hat zwar eine saubere Überschrift „MARKTFÜHRER FÜR WELTWEITE HMI-LÖSUNGEN – ALLES AUS EINER HAND“, aber es fehlt ein technisch ausgezeichneter Hauptbereich, zu dem Screenreader-Nutzer direkt springen können. Nutzer von Vorleseprogrammen orientieren sich über solche Sprungmarken – ohne sie müssen sie sich durch die ganze Seite klicken, um zum eigentlichen Inhalt zu kommen.

Lösung→Bitte deinen Entwickler, den Hauptinhalt der Seite eindeutig als solchen zu kennzeichnen, so wie es auch Header, Navigation und Footer bereits sind.

Von 81 Fokus-Stopps zeigt einer, der Slider-Punkt „1“, keine sichtbare Markierung, und bei 20 weiteren – etwa beim Link „WEITERLESEN“ und beim Artikel „QUALITÄTSSICHERUNG IN DER ELEKTR…“ – wird der Fokusring von einem darüberliegenden Element (vermutlich dem Cookie-Banner) verdeckt. Tastaturnutzer müssen sehen können, wo sie sich gerade auf der Seite befinden – ohne sichtbaren Fokus navigieren sie im Blindflug.

Lösung→Lass die fehlende Fokus-Markierung beim ersten Slider-Punkt ergänzen und prüfen, ob dein Cookie-Banner den Fokus bei anderen Elementen verdeckt.

Die Navigation ist auf allen 15 geprüften Seiten unterschiedlich aufgebaut statt immer gleich. Wenn sich das Menü ständig verändert, verlieren vor allem Besucher mit Screenreader oder Tastaturbedienung die Orientierung.

Lösung→Lege eine feste Reihenfolge und Position für dein Hauptmenü fest und verwende sie auf jeder Seite.

Die Sätze auf deiner Seite sind im Schnitt 29 Wörter lang, und der Lesbarkeits-Wert liegt bei 0 von angestrebten 60 Punkten. Das macht Abschnitte wie den Einstieg unter „MARKTFÜHRER FÜR WELTWEITE HMI-LÖSUNGEN – ALLES AUS EINER HAND“ anstrengend zu lesen. Lange, verschachtelte Sätze kosten dich Leser, auch Fachleute lesen lieber kurze, klare Sätze auf dem Handy.

Lösung→Teile lange Sätze in kurze auf, nutze einfache statt komplizierte Wörter und erkläre Fachbegriffe beim ersten Auftauchen kurz.

In deinen Texten tauchen 32 Übertreibungswörter auf 5944 Wörter auf, etwa „innovativsten“, „einzigartig“ und „nahtlos“, zum Beispiel im Satz „Ihre Maschinen sind einzigartig. Ihre HMI-…“. Wörter wie „einzigartig“ oder „innovativ“ überzeugen Leser kaum, konkrete Fakten und Zahlen schon.

Lösung→Ersetze Sätze mit „einzigartig“ oder „innovativ“ durch konkrete Angaben: eine Zahl, ein Projektname, ein Ergebnis oder einen Zeitraum.

Auf deiner Startseite kommt „wir“ sechsmal vor, aber „du“ nur dreimal – die Texte drehen sich mehr um [Marke] als um die Besucher. Besucher interessieren sich zuerst für ihr eigenes Problem, nicht für dein Unternehmen.

Lösung→Schreib die wichtigsten Abschnitte aus Sicht deiner Besucher um: Beginne mit dem, was sie bekommen, und erst danach, was ihr macht.

Der Button „WEITERLESEN“ im News-Teaser und der Link „...MEHR“ im Bereich zu Automation & Robotics sagen nicht, wohin sie führen. Unklare Linktexte lassen Besucher zögern oder den Klick ganz überspringen.

Lösung→Formuliere jeden Button mit einem Verb und dem konkreten Ziel, zum Beispiel „Artikel lesen“ oder „Mehr zu Automation & Robotics“.

Im Textblock unter der Überschrift „WARUM [Marke]?“ ist der Fließtext mit 15 Pixel auf dem Desktop und nur 13 Pixel auf dem Handy sehr klein, und die Zeilen sind mit rund 148 Zeichen deutlich zu lang zum bequemen Lesen. Zu kleiner Text und zu lange Zeilen ermüden die Augen schnell, besonders auf dem Smartphone.

Lösung→Lass deinen Text mindestens so groß wie die übliche Lesegröße anzeigen und die Textspalte schmaler machen, damit eine Zeile nicht über die ganze Bildschirmbreite geht.

Die Überschrift „GET IN TOUCH“ im Newsletter-Bereich hat einen auffällig großen Zeilenabstand bei normaler Buchstabenweite, wodurch sie lockerer wirkt als die übrigen großen Überschriften. Große Überschriften mit zu viel Luft zwischen den Zeilen wirken unfertig und lassen Wörter optisch auseinanderfallen.

Lösung→Lass den Zeilenabstand dieser Überschrift enger stellen, ähnlich wie bei deinen anderen großen Überschriften.

Die Punkte unter den Bildergalerien (zum Beispiel „1“, „2“, „3“, „4“) zeigen keine Reaktion, solange der Finger oder die Maustaste noch gedrückt ist, sie reagieren erst beim Loslassen. Buttons, die erst verzögert reagieren, wirken träge, selbst wenn die Seite technisch schnell ist.

Lösung→Lass deinen Entwickler dafür sorgen, dass diese Steuerelemente schon beim Drücken sichtbar reagieren, nicht erst beim Loslassen.

Auf deiner Seite tummeln sich 3 Schriftarten und 7 verschiedene Schriftgrößen, etwa bei Überschriften wie „AUTOMATION & ROBOTICS“ oder „WARUM [Marke]?“. Die Größen folgen zwar schon einem stimmigen Schema, aber die Vielfalt an Schriftarten ist unnötig groß. Zu viele Schriftarten lassen eine Seite unruhig wirken und erschweren es, Überschrift und Fließtext auf den ersten Blick zu unterscheiden.

Lösung→Einige mit dem Design deiner Seite, reduziert auf höchstens zwei Schriftarten, die dann konsequent für Überschriften und Text verwendet werden.

Nur 74 % der Abstände auf der Seite folgen einem einheitlichen Raster, und Textblöcke beginnen an 8 verschiedenen linken Kanten statt an wenigen festen Linien. Uneinheitliche Abstände lassen ein Layout unbewusst „nicht ganz sauber“ wirken, auch wenn Besucher nicht benennen können, warum.

Lösung→Lass deine Entwicklung oder dein Theme auf ein einheitliches Abstandssystem umstellen, etwa in Schritten von 8 Pixeln, und die Textspalten an wenigen klaren Linien ausrichten.

Das größte sichtbare Element lädt in etwa 2,6 Sekunden, knapp über der empfohlenen Grenze von 2,5 Sekunden. Ruckeln oder Sprünge im Seitenaufbau gibt es sonst nicht, das ist gut. Jede zusätzliche Sekunde Ladezeit kostet dich Besucher, bevor sie deine Inhalte überhaupt sehen.

Lösung→Lass dein größtes Bild oben auf der Seite verkleinern und früher laden, damit es schneller erscheint.

Auf deiner Seite ist keinerlei strukturierte Daten (Schema.org) eingebunden, dadurch muss Google raten, was [Marke] eigentlich anbietet. Strukturierte Daten helfen Suchmaschinen, dein Unternehmen richtig einzuordnen, und können zu ansprechenderen Suchergebnissen führen.

Lösung→Lass von deiner Agentur oder deinem Entwickler passende Angaben zu Unternehmen, Logo und Kontakt hinterlegen – technische Details findest du unten.

Deine Seite hat kein og:image hinterlegt, geteilte Links erscheinen deshalb ohne Bild. Links ohne Vorschaubild und Beschreibung werden deutlich seltener angeklickt.

Lösung→Ergänze für die wichtigsten Seiten ein ansprechendes Vorschaubild und eine kurze Beschreibung für Social-Media-Vorschauen.

Die Bilder auf deiner Startseite sind unnötig groß: Du könntest rund 708 KB einsparen, einigen Bildern fehlen feste Breiten- und Höhenangaben, und manche werden in niedrigerer Auflösung als nötig ausgeliefert. Schwere Bilder verlangsamen jede Seite, besonders bei Besuchern mit mobiler Internetverbindung.

Lösung→Lass deine Bilder in einem modernen, komprimierten Format speichern, in der tatsächlich angezeigten Größe einbinden und Bilder weiter unten auf der Seite erst beim Scrollen nachladen.

Dieser Prüfbericht ist ein schneller, automatischer Check – eine vollständige Prüfung würde zusätzlich Design, Texte und Nutzerführung mit einer KI bewerten. Auf deiner Seite führen Linktexte wie „AUTOMATION & ROBOTICS“ oder „BRANCHEN“ zu 15 unterschiedlichen Zielseiten, und mehrere Linktexte wie „produkte“ oder „unternehmen“ tauchen mit je zwei verschiedenen Zielen auf. Wenn ein Linktext mal hierhin, mal dorthin führt, verlieren Besucher das Vertrauen in deine Navigation und klicken unsicherer.

Lösung→Geh deine Menüpunkte und Buttons durch und vergib für jedes Ziel genau einen Namen, den du überall gleich verwendest – im Menü, in Buttons und im Footer.

Zwei Bild-Slider auf deiner Startseite wechseln mehrfach pro Sekunde selbstständig die Inhalte, ohne dass erkennbar ist, ob Besucher das stoppen können. Inhalte, die sich von allein bewegen, lesen die meisten Besucher langsamer, als die Slider weiterspringen, und das nimmt ihnen die Kontrolle.

Lösung→Füge den Bildergalerien eine Pause-Taste hinzu oder stoppe sie, sobald jemand mit der Maus darüberfährt oder sie antippt.

Auf dem Handy sind die Slider-Punkte „1“, „2“ und „3“ nur 20 Pixel groß und damit deutlich kleiner als nötig. Die meisten Besuche finden auf dem Smartphone statt, und zu kleine Tippflächen machen die mobile Seite umständlich zu bedienen.

Lösung→Vergrößere die Steuerelemente des Sliders, damit sie sich bequem antippen lassen, und platziere die wichtigste Aktion weiter oben im ersten Bildschirmbereich.

Auf dem Handy braucht das größte sichtbare Element deiner Startseite etwa 2,6 Sekunden zum Laden, knapp über der Zielmarke von 2,5 Sekunden. Die Gesamtgröße der Seite liegt mit 1,5 MB aber im grünen Bereich. Auf dem Handy kostet jede zusätzliche Sekunde Ladezeit Besucher, die sonst eine Anfrage gestellt hätten.

Lösung→Bitte deine Entwicklung, das Hauptbild oder den Hauptbereich der Startseite schneller laden zu lassen, etwa durch kleinere Bilddateien und schlankere Skripte.